vue的旧版本中创建模拟数据是对build文件夹下的dev-server.js和dev-client.js两文件添加配置信息,但新版本中对webpack.dev.conf.js文件更改配置信息,下面是对新版本的模拟数据创建介绍。
1.更改webpack.dev.conf.js文件配置信息
(1).在const portfinder = require('portfinder')之后添加代码
(2).在const devWebpackConfig = merge(baseWebpackConfig, { 里面找到 devServer的里面调用before函数里面添加代码
2.在项目的根路径下添加json格式的模拟数据
3.已经配置好了,需要重启项目npm run dev才能生效。然后可以访问数据了(我配置了三个路径访问:http://localhost:8080/api/seller、http://localhost:8080/api/goods、http://localhost:8080/api/ratings),效果如下