用了vue cli3.0用axios调用本地json数据一直报404,找了半天郁闷,最后发现原因是,vue cli3.0 public 文件夹才是静态资源文件,问题解决,记录一下,以后不再踩坑。 ...
一开始的文件结构是这样的: 我把 mock 文件夹放在了最外层,实际上这样的做法是错误的。 模拟数据应该被放在 public 文件夹中,这样就可以正常访问了。 具体的代码 mark 如下: 访问本地服务器数据:http: localhost: mock index.json 不用加public ...
2020-08-07 13:13 2 1130 推荐指数:
用了vue cli3.0用axios调用本地json数据一直报404,找了半天郁闷,最后发现原因是,vue cli3.0 public 文件夹才是静态资源文件,问题解决,记录一下,以后不再踩坑。 ...
在vue-cli创建的static目录下直接放置模拟的json 文件 1、调整config/index.js文件配置 json数据都放到了static/mock目录下。注意接口地址的端口号在运行项目和设置的要一致才能正确取到数据。 2、在任意组件中使用axios来请求本地json数据文件以下 ...
<script src="https://cdn.jsdelivr.net/vue.resource/1.3.1/vue-resource.min.js"></script> npm install vue-resource --save-dev 下面这些应该放在 ...
服务器报错如下图: 此原因,是服务器配置的原因,跟build代码本身无关 以ftp为例,在/etc/nginx/conf.d文件夹下,找到xxx.conf,修改成自己需要的路径即可 位置如下 ...
vue-cli3 本地数据模拟后台接口 原理: 将本地的json数据在前端模拟为后台接口,然后调用接口,完成前端操作。在后台接通后可以直接在api配置文件中修改路径,完成前后台对接。 配置: 1.文件目录 2. 安装express 3.配置 ...
首先创建一个本地json文件,放在项目中如下 然后在dev-server.js中配置 1.数据读取 2.定义路由 3.注册定义的api 4.在页面使用url 学习笔记 ...
VUE开发请求本地数据的配置,早期的vue-lic下面有dev-server.js和dev-client.js两文件,请求本地数据在dev-server.js里配置,最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js ...
最近在测试数据的时候, 请求本地数据一直报404,如图所示 因为最新的vue-cli3.0生成的项目,静态文件变成了public文件,最开始请求的static文件中的json也是报错,就查看了很多的资料,最后发现改了本地请求需要在public文件中新建一个js文件,在js文件中添加 ...