vue 2.0跨域問題?

很多小夥伴在使用vue進行開發的時候,在開發環境下難免與遇到要調用測試線的介面,或者其他第三方的介面,這個時候就會涉及到跨域的問題。

一種解決方案:

一般的情況下後台都會去設置cors(小編在這裡不再絮叨,又興趣的小夥伴可以留言或者諮詢自己的後台);

另一種解決方案:

修改vue的配置文件,首先先找到vue的config文件夾下面的index.js文件;

再index.js文件中的module.exports 下面的dev中找到 proxyTable: {},

proxyTable: { /launcher: { target: http://112.33.16.75:8099, // 目標域名 changeOrigin: true, //true 虛擬一個服務端接收你的請求並代你發送該請求 pathRewrite: { ^/launcher: /launcher } }, // 可以寫多個 // /map: { // target: http://api.map.baidu.com, // 目標域名 // changeOrigin: true, // pathRewrite: { // ^/map: /map // } // } },

這個時候,我們在使用url的時候,

只需要寫/launcher就可以代表http://112.33.16.75:8099/launcher

註:此配置僅限開發環境使用,生產環境小編後續會跟上的!


推薦閱讀:

來一發跨域解決方式---nginx
iframe 完全跨域,就是不同域名不同伺服器之間的跨域?JS 如何做到
前後端分離的情況下, 跨域問題有沒有好的解決方案?
跨域的那些事兒
由Request Method:OPTIONS初窺CORS

TAG:跨域 | Vuejs | 反向代理 |