跨域問題的出現(xiàn)是因為瀏覽器的同源策略問題娄猫，所謂同源:就是兩個頁面具有相同的協(xié)議（protocol），主機(jī)（host）和端口號（port）月幌，它是瀏覽器最核心也是最基本的功能褂删，如果沒有同源策略我們的瀏覽器將會十分的不安全飞醉，隨時都可能受到攻擊。
當(dāng)我們請求一個接口的時候轴术，出現(xiàn)如：Access-Control-Allow-Origin 字眼的時候說明請求跨域了
這種情況下怎么辦呢钦无？我最喜歡的方式是通過proxy
在vue.comfig.js中，設(shè)置：
module.exports = {
? devServer: {
? ? ? proxy: {? //配置跨域
? ? ? ? '/api': {
? ? ? ? ? target: 'https://www.bainiu.com/rst/',
? ? ? ? ? changOrigin: true,? //允許跨域
? ? ? ? ? pathRewrite: {
? ? ? ? ? ? '^/api': ''
? ? ? ? ? }
? ? ? ? },
? ? ? }
? ? },
}
然后在你的請求體里面失暂，重新設(shè)置一下。我用的是axios
最后說一點凭峡，非常重要非常重要非常重要＞黾恰！Ｏ倒！扩借！
設(shè)置完畢之后，一定要重新運行項目
