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