Vue 中 axios 跨域配置 (!!!配置完成需要重新运行,不然也不起作用)

当拿到一个网址如:https://music.163.com/store/api/categorypage/list  获取数据是出现如下:

 证明该网址不能非常直观的拿到数据。接下来我们试试跨域拿这个网址的数据:

1、首先在 src 文件里我们需要配置(创建)一个 vue.config.js 文件

2、在自己的 request 文件夹 (专门用来请求数据的文件) 里:

  - 通过如下可跨域提示定义方法

  - 然后 export 导出 

3、main.js里引入 request 文件:import ajax from ‘@/request’  将ajax挂载到全局

4、app引用

打印结果:

  - 刚开始调用: noCrossDomain  方法没有拿到数据

  - 第二次用:isCrossDomain  方法拿到了数据。说明此跨域可行

(!!!配置完成需要重新运行,不然也不起作用)

(!!!配置完成需要重新运行,不然也不起作用) 

菜鸟一枚。若有不足,请指出。

原文地址:https://www.cnblogs.com/zhang-hong/p/13497819.html