@vue/cli 4.2.3版本的本地json读取和跨域配置(与旧版本vue不同)

注意!!!!!  请先查看vue的版本!!! 旧的版本是在 config.js 的 index.js 文件下进行配置,而新的版本是在 根目录的 vue.config.js 下进行配置

下面是我的版本号, 我是 @vue/cli 4.2.3

先在根目录下创建 vue.config.js ,并输入以下内容

 

这就配置完了,然后我们来使用 axios, 使用前先下载, 这里要是不会下载 axios, 建议稍微去学习一下基础知识

这里的  "/api/v2/movie/top250"  相当于  "http://t.yushu.im/v2/movie/top250" 了

一下是控制台输出

注意版本和配置文件,我以前用的是旧版本,搞了一天,百度的全是旧版本的,坑人百度

===============================     我是一条华丽的分割线   ===========================================

我们在没有接口数据时 我们经常在js中写假数据, 以前是在 static 下, 现在要在 public下,下面是目录结构

axios 请求   

 注意!!!!   路径绝不能带 public!!!   路径绝不能带 public!!!  路径绝不能带 public!!!  重要的事说3遍!!!

如果带了 public 就会 404  !!!   直接本地地址加 public 下的路径 !!!

控制台输出

结束, 版本问题真的难,经常比打代码都费劲

猜你喜欢

转载自www.cnblogs.com/wo1ow1ow1/p/12664278.html