vue專案打包後跨域

2021-09-29 17:15:42 字數 583 閱讀 8584

關於vue的跨域配置,有開發環境的跨域和生產環境的跨域,詳見我的另一篇部落格:

對於上篇文章的生產環境的跨域位址配置,是將所有介面的訪問都指向同乙個伺服器,而對於前後端未完全分離的專案,如果有某個介面需要訪問非當前專案的另一台伺服器的話,就需要對這個介面單獨進行處理了,針對這個問題,我重新梳理了一下關於生產環境下的跨域思路並總結了幾種解決方案

1、使用nginx反向**(proxy):配置nginx服務並開啟服務(可以在nginx中設定對應的url,並設定proxy位址) --> 瀏覽器訪問nginnx的服務位址 --> 當訪問到已設定的url時,nginx會去訪問proxy的位址,從而進行跨域(這裡可能還需要設定乙個和後端協商的請求頭,如:token,用來讓後端核對訪問者的身份資訊);

2、通過介面請求後端,由後端請求另一台伺服器進行獲取資料;

3、與後端協商請求頭,在請求中新增請求頭;

其實我感覺最好的方式是第一種,可以解決所有的跨域問題;

對於前後端未完全分離的情況,我覺得第二種方法比較好點,畢竟服務與服務之間不存在跨域

IIS上vue打包後介面跨域解決

首先要說下,跨域分為開發環境和生產環境 3.配置arr 以上安裝完後,重新開啟iis,按下圖紅框操作 4.配置url重寫,網上好多是直接在 的重寫裡面配置的,這裡可以直接在打包的dist目錄下增加乙個web.config檔案 下面 最開始是解決mode是history,頁面空白的問題,現在增加反 直...

IIS上vue打包後介面跨域解決

首先要說下,跨域分為開發環境和生產環境 3.配置arr 以上安裝完後,重新開啟iis,按下圖紅框操作 4.配置url重寫,網上好多是直接在 的重寫裡面配置的,這裡可以直接在打包的dist目錄下增加乙個web.config檔案 下面 最開始是解決mode是history,頁面空白的問題,現在增加反 直...

Vue打包上線後的跨域問題處理

由於開發環境和生產環境的不同,會導致vue訪問出現跨域的問題。1.config index.js檔案配置 找到proxytable欄位,如下面一樣配置dev yyy 配置好後 訪問的url就不用再其他地方帶上網域名稱了。這個只適合開發環境使用,因為開發環境的本地伺服器,以及做好了 的功能,無需去多餘...