vue-resource 获取本地json数据404问题
在使用vue-cli搭建的vue项目中,使用vue-resource请求本地的json格式数据,来模仿服务端返回数据流程,但是请求不到json数据,返回404。在网上查询了大量资料,大都是以前的版本,在build的dev-server.js中进行修改。但是最新的版本已经废除了dev-sever.js文件。VUE开发请求本地数据的配置,早期的vue-cli下面有dev-server.js...
·
在使用vue-cli搭建的vue项目中,使用vue-resource请求本地的json格式数据,来模仿服务端返回数据流程,但是请求不到json数据,返回404。
在网上查询了大量资料,大都是以前的版本,在build的dev-server.js中进行修改。但是最新的版本已经废除了dev-sever.js文件。
VUE开发请求本地数据的配置,早期的vue-cli下面有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里配置。
但是以上步骤非常麻烦且有很多坑。
解决vue-resource使用本地json模拟服务端数据请求问题:
vue-resource 的安装:
cnpm install vue-resource --save
在main.js中导入并使用
import vueResource from 'vue-resource';
Vue.use(vueResource);
模拟后台数据的json文件必须放在static目录下,其他目录不能访问
读取数据
调用成功之后返回数据
更多推荐
已为社区贡献19条内容
所有评论(0)