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

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

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

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

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

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

 

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

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

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

一下是控制台输出

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

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

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

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

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

axios 请求   

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

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

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

控制台输出

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

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