原有

原来的vue-clivue init webpack 文件名之后,在build目录下会生成dev-server.js文件,可以在页面请求本地数据的时候使用。但是最新版本的vue中,并没有找到这两个文件。应该怎么处理呢?

解决

虽然 dev-server.js 文件没有了,替换到了webpack.dev.conf.js 文件里面。我们可以在webpack.dev.conf.js里面做相同的事

步骤

旧版dev-server.js配置本地数据访问:

在const app = express()后,const compiler = webpack(webpackConfig)前配置就可以

var appData = require('../data.json')
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings
var foods = appData.foods
var pice = appData.pice
var apiRoutes = express.Router()

apiRoutes.post('/test', function (req, res) {
  res.json({
    errno: 0,
    data:test
  });
})
app.use('/api',apiRoutes)

在新的文件中

在const portfinder = require(‘portfinder’)后添加

//首先
const express = require('express')
const app = express()
var apiRoutes = express.Router()
app.use('/api', apiRoutes)

找到devServer,在里面添加
before(app) {
  app.get('/api/test', (req, res) => {
    res.json({
      errno: 0,
      data: test
    })
  }),
}

就可以了

这里写图片描述

就像这样子

注意

修改之后必须npm run dev才管用 注意哦

Logo

前往低代码交流专区

更多推荐