Vue專案中的跨域問題(開發環境 生產環境)

2022-08-11 07:00:12 字數 611 閱讀 1144

剛工作兩個月,公司專案的**還沒接觸明白,今天偶然看到了前端專案中vue.config.js對於後台介面的配置

devserver: ,

proxy:

}//after: require('./mock/mock-server.js')

},

有兩個地方用到,分別在生產環境和開發環境中:

但是我還看到nginx伺服器的配置也有跨域相關的

location /prod-api
但是vue中不是已經包含了嗎?帶著這個問題,我把nginx的這段配置注釋掉,重啟。結果是:

所以vue中的生產環境的跨域是沒有解決的,於是我搜尋了一些關於vue.config配置跨域的博文,算是理解了。

總結:vue.config.js中配置的proxy跨域只對本地開發環境生效,打包之後還是要在nginx/其他**伺服器上配置跨域。

剛接觸點皮毛,見識短淺,歡迎補充指正!

vue 解決跨域問題(開發環境)

同源 網域名稱,協議,埠均相同 不同源就是跨域,比如你的前端為localhost 9528,後端為localhost 8080,此時前端去訪問後端介面就會產生跨域問題,因為埠不同。跨域問題前後端都可以解決,這裡僅提供vue的前端跨域解決方案 前端vue.config.js配置如下,然後保證在你訪問後...

vue cli專案中的跨域問題

一 開發環境中的跨域 vue cli建立的專案中,前端開發測試中,常會遇到跨域的問題。跨域通常都需要後台配置,不過前端也可以處理,可以直接利用 node.js 伺服器,通過修改 proxytable 實現跨域請求 在config資料夾下的index.js配置中 dev 設定完成一定要重啟 npm r...

vue專案跨域問題

cors 這個方案缺點 是 ie6 7 相容不好 倒是不見得要相容 需要b 在響應中加頭 postmessage 缺點也是 ie6 7 相容不好 倒是不見得要相容 需要修改b 的 iframe window.name 傳值得方式很巧妙,相容性也很好。但是也是需要你能修改b 服務端主動請求b 相容性好...