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  方法拿到了數據。說明此跨域可行

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

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

 

菜鳥一枚。若有不足,請指出。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM