因为最新版本的vue-cli已经放弃dev-server.js,只需在webpack.dev.conf.js配置就行

新版webpack.dev.conf.js配置如下:

const express = require('express')
const app = express()
var appData = require('../data.json')//加载本地数据文件
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()
app.use('/api', apiRoutes)

找到devServer,在最后添加

before(app) {
      app.get('/api/appData', (req, res) => {
        res.json({
          errno: 0,
          data: appData
        })//接口返回json数据,上面配置的数据appData就赋值给data请求后调用
      }),
      app.get('/api/seller', (req, res) => {
      res.json({
      // 这里是你的json内容
      errno: 0,
      data: seller
      })
      }),
      app.get('/api/goods', (req, res) => {
      res.json({
      // 这里是你的json内容
      errno: 0,
      data: goods
      })
      }),
      app.get('/api/ratings', (req, res) => {
      res.json({
      // 这里是你的json内容
      errno: 0,
      data: ratings
      })
      })
    }

然后npm run dev,一定要重启 一下就可以http://localhost:8080/api/appData 访问了

截图如下



执行 npm run dev 

打开路径http://localhost:8080/api/appData  能请求到数据



打开http://localhost:8080/api/seller  能请求到seller相关数据,如果请求不到,而是显示主页,则需要检查代码,或者执行npm run dev



取消eslint


Logo

前往低代码交流专区

更多推荐