vue.js 2.x 版本脚手架中没有dev-server.js 如何进行数据模拟

参考了别人的代码,可以用,记下来:

最新的vue里dev-server.js被替换成了webpack-dev-conf.js

在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改

第一步,在const portfinder = require(‘portfinder’)后添加

vue.js 2.x 版本脚手架中没有dev-server.js 如何进行数据模拟

第二步:找到devServer,在里面加上before()方法

vue.js 2.x 版本脚手架中没有dev-server.js 如何进行数据模拟

以下为json数据:

vue.js 2.x 版本脚手架中没有dev-server.js 如何进行数据模拟

PS:

所有的修改配置都需要重新启动运行命令的:npm run dev才能生效(很重要,否则无法请求到数据)

亲测有效。

但是我依旧有几个问题不太明白,也记下来,希望有路过的大神看到了可以帮我解答:

1、devServer中加的before()在官方的解释是:

vue.js 2.x 版本脚手架中没有dev-server.js 如何进行数据模拟

但是我没怎么看懂,具体来说的作用是什么?

2、还有一个问题是,为什么要在webpack配置文件中请求这些json数据?


我对以上两个问题存有疑虑,如果以后找到了答案会继续记录在这里。

以上。

-------------------------------------------------------------------------------------------------------