本文基于對王紅元老師的學習，很榮幸是他的一名學生

1.proxy介紹

proxy是我們開發中非常常用的一個配置選項，它的目的設置代理來解決跨域訪問的問題： p比如我們的一個api請求是 http://localhost:8888，但是本地啟動服務器的域名是 http://localhost:8000，這 個時候發送網絡請求就會出現跨域的問題； 那么我們可以將請求先發送到一個代理服務器，代理服務器和API服務器沒有跨域的問題，就可以解決我們的跨 域問題了；

2.相關配置說明

target：表示的是代理到的目標地址，比如 /api-hy/moment會被代理到 http://localhost:8888/apihy/moment；

pathRewrite：默認情況下，我們的 /api-hy 也會被寫入到URL中，如果希望刪除，可以使用pathRewrite；

secure：默認情況下不接收轉發到https的服務器上，如果希望支持，可以設置為false； changeOrigin：它表示是否更新代理后請求的headers中host地址；

3.跨域配置

devServer: {proxy: {'/api': {target: 'http:www:8000', // 需要代理的域名changeOrigin: true, //開啟代理：在本地會創建一個虛擬服務端，然后發送請求的數據，并同時接收請求 的數據，這樣服務端和服務端進行數據的交互就不會有跨域問題// ws: false, // 是否啟用websocketspathRewrite: {//重寫匹配的字段，如果不需要在請求路徑上，重寫為""'^/api': '',},},},},

proxy已經配置好了關于/api的代理

這種方法一般只是用在開發環境?

總結

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

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