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和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目录下，其他目录不能访问

读取数据

调用成功之后返回数据