浅谈vue-cli加载不到dev-server.js的解决办法

浅谈vue-cli加载不到dev-server.js的解决办法：长沙网络推广经验分享

在进行Vue开发时，本地数据请求的配置是一个重要的环节。如果你在使用新版vue-webpack-template，你可能会发现没有dev-server.js这个文件。这是因为新版中已经将其替换为webpack.dev.conf.js。

别担心，长沙网络推广来给你支招。在webpack.dev.conf.js中进行配置，你就可以轻松实现本地访问。

我们需要引入express框架来简化操作。然后，创建一个express的实例，并引入你的json数据。假设你的数据存放在data.json文件中，我们可以通过以下方式引入并使用数据：

在webpack.dev.conf.js中定义apiRoutes，并使用express.Router()创建路由。然后，使用app.use()方法将apiRoutes应用到'/api'路径上。这样，你就可以在'/api'下定义各种路由。

接下来是如何配置get和post请求：

一、get请求配置

在const portfinder = require('portfinder')后添加代码，在devServer选项中添加以下内容：

app.get('/api/someApi', (req, res) => { res.json({这里是你的json内容}) })

注意修改完配置文件后，需要重新启动npm run dev命令。

二、post请求配置

如果要配置post请求，可以在同一文件夹下配置如下：

apiRoutes.post('/foods', function (req, res) { //注意这里改为post就可以了

res.json({error: 0, data: foods})

})

在Vue组件中，你可以像下面这样发起post请求：

this.$http.post(' => { console.log(res) })。以上就是配置本地访问的全部内容，希望对大家在Vue开发中的学习有所帮助。也希望大家能多多支持长沙网络推广和狼蚁SEO。

我们采用了一些生动的语言和丰富的文体，希望让这篇文章更加吸引人。我们也保持了原文的风格特点，让大家在阅读时能够感受到原文的韵味。希望这篇文章能够给大家带来帮助和启发，也希望大家能够喜欢和支持我们的分享。