在使用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目录下,其他目录不能访问

这里写图片描述

读取数据

这里写图片描述

调用成功之后返回数据

这里写图片描述

GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e 3 个月前
8c391e04 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐