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

2022-03-16 00:31:30 字數 1423 閱讀 9109

首先要說下,跨域分為開發環境和生產環境:

3.配置arr

以上安裝完後,重新開啟iis,按下圖紅框操作

4.配置url重寫,網上好多是直接在**的重寫裡面配置的,這裡可以直接在打包的dist目錄下增加乙個web.config檔案(下面**最開始是解決mode是history,頁面空白的問題,現在增加反**直接就在這裡增加了)

我的後端介面路徑是對應介面名字

注意:在打包時訪問介面要對應其伺服器的url,通常我們會根據開發環境或生產環境配置baseurl,進而對axios進行封裝

xml version="1.0" encoding="utf-8"

?>

<

configuration

>

<

system.webserver

>

<

rewrite

>

<

rules

>

<

rule

name

="url"

stopprocessing

="true"

>

<

match

url="(.*)"

/>

<

conditions

logicalgrouping

="matchall"

>

<

add

input

=""matchtype

="isfile"

negate

="true"

/>

<

add

input

=""matchtype

="isdirectory"

negate

="true"

/>

conditions

>

<

action

type

="rewrite"

url=""

/>

rule

>

rules

>

rewrite

>

system.webserver

>

configuration

>

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

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

vue專案打包後跨域

關於vue的跨域配置,有開發環境的跨域和生產環境的跨域,詳見我的另一篇部落格 對於上篇文章的生產環境的跨域位址配置,是將所有介面的訪問都指向同乙個伺服器,而對於前後端未完全分離的專案,如果有某個介面需要訪問非當前專案的另一台伺服器的話,就需要對這個介面單獨進行處理了,針對這個問題,我重新梳理了一下關...

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

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