在使用最新的 vue-cli 生成vue项目时,build目录下少了'dev-server.js'以及'dev-client.js'文件,dev-server.js主要是构建本地服务器,dev-client.js 文件主要是热重载相关。获取相关数据都在这两个文件里面进行,而在新版中,要获取相关数据,就要在webpack.dev.conf.js 文件中开始进行相关的数据获取,首先安装express,再在devServer中添加before函数,即可直接发送API请求数据
// 在webpack.dev.conf.js文件中先加入下列代码
const express = require('express')
// 请求server
const app = express()
// 加载本地数据文件
var goodsData = require('./../mock/goods.json')
var router = express.Router()
// 在devServer中添加
before(app) {
// 这里的'/goods'是指定的取数据的路径
router.get('/goods', (req, res) => {
res.json(goodsData)
});
// 通过路由请求数据
app.use(router)
}
更改完代码时需要cnpm run dev重新运行项目才能拿到数据
网友评论