Vue开发请求本地json数据配置

版权声明:转载或者引用请标明来源! https://blog.csdn.net/qq575792372/article/details/87690333

原文:https://www.cnblogs.com/daipianpian/p/8025188.html

VueJS开发请求本地json数据的配置,早期的vue-lic下面有dev-server.js和dev-client.js两文件,请求本地数据在dev-server.js里配置。最新的vue-webpack-template中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以配置本地访问在webpack.dev.conf.js里配置即可。

1. 旧版dev-server.js配置本地数据访问:

在const app = express()后,const compiler = webpack(webpackConfig)前配置即可。

2. 新版webpack.dev.conf.js配置本地数据访问:

在const portfinder = require(‘portfinder’)后添加

有的小伙伴配置后说不能访问,所有的修改配置都需要重新启动运行命令的:npm run dev才能生效,还有data.json数据也不能少,就放在根目录下与index.html同级。data.json的部分数据如下所示:

3. 访问本地接口

按照上面的步骤配置后就可以正确访问本地接口了。

http://localhost:8080/api/seller

猜你喜欢

转载自blog.csdn.net/qq575792372/article/details/87690333
今日推荐