MLuminary/HMall

vue-clie 中 build 下没有 dev-server.js 文件, mock 数据配置的问题

Opened this issue · 0 comments

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

新版本的 webpack.dev.conf.js 的配置如下

const express = require('express')
const app = express();
var appData = require('../mock/goods.json')//加载本地数据
var apiRoutes = express.Router();
app.use('/api', apiRoutes);

然后再找到 devServer ,在其中添加

before(app) {
      app.get('/api/goods',(req,res)=>{
        res.json({
          errno: 0,
          data: appData
        })
      })
    }

然后通过 http://localhost:8080/api/goods 就可以访问数据,再需要获取的 vue 页面中按如下方法就可以获取

axios.get("api/goods").then((result)=>{
          var res = result.data.data;
          this.goodsList = res.result;
        })