使用vue-cli調接口的時候，總是會出現垮與問題，因為vue的localhost與訪問域名不一致導致。而這一點，開發者顯然也想到了，故而在vuejs-templates，也就是vue-cli的使用的模板插件里，有關于API proxy的說明，這個配置就是將localhost映射成訪問的域名。

那么何為代理？

代理服務器英文全稱是Proxy Server，其功能就是代理網絡用戶去取得網絡信息。形象的說：它是網絡信息的中轉站。可以簡單粗暴理解為把你的域名轉換成你訪問的域名，（我這么記的，當然可能并不恰當）形成同源，就能訪問。

?

那么在vue里，如何設置代理？

1.config目錄找到index.js

2.在dev里添加proxyTable

dev: {env: require('./dev.env'), port: 8080, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/api':{ target:"http://47.93.166.112/BrainPcWeb",//設置你調用的接口域名和端口號 別忘了加http changeOrigin:true, pathRewrite:{ '^/api':''//這里理解成用‘/api’代替target里面的地址，后面組件中我們掉接口時直接用api代替 //比如我要調用'http://40.00.100.133:3002/user/login'，直接寫‘/api/user/login’即可 } } }

這一步為止，你重新run一下vue已經不存在跨域問題了。

但是注意了

這只是開發環境（dev）中解決了跨域問題，生產環境中真正部署到服務器上如果是非同源還是存在跨域問題

轉載于:https://www.cnblogs.com/wws-bk/p/9554669.html

總結

以上是生活随笔為你收集整理的Vue-cli代理解决跨域问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。