? ? devServer: {
? ? ? ? proxy: {
? ? ? ? ? ? //代理匹配前綴2
? ? ? ? ? ? '/api2': {
? ? ? ? ? ? ? ? target: 'http://localhost:5001',
? ? ? ? ? ? ? ? pathRewrite: {'^/api2': ''},
? ? ? ? ? ? ? ? ws: true,
? ? ? ? ? ? ? ? changeOrigin: true
? ? ? ? ? ? },
?? ??? ??? ?//代理匹配前綴1
? ? ? ? ? ? '/api': {
? ? ? ? ? ? ? ? target: 'http://localhost:5000',
? ? ? ? ? ? ? ? pathRewrite: {'^/api': ''},
? ? ? ? ? ? ? ? ws: true,)
? ? ? ? ? ? ? ? changeOrigin: true
? ? ? ? ? ? }
? ? ? ? }
? ? }

開始時(shí)配置了/api前綴的代理，沒有問題，然后又配置了/api2前綴的配置代理，然后就無法訪問/api2前綴的代理了。

原因：就是因?yàn)?api在前面，先匹配了/api，例如訪問/api2/test，由于先匹配了/api所以重寫/api為空字符串后，路徑變?yōu)榱?/test，自然就不對(duì)了

解決：把/api2放在/api前面，讓api2先匹配到，或者取名叫/api2，讓其無法先匹配到/api

webpack代理---pathRewrite

今天遇到個(gè)問題，前提是項(xiàng)目是我本地有一份后端，端口號(hào)不同，前臺(tái)4000，后端3100，請(qǐng)求方式4000代理到3100

代理到本地

接口請(qǐng)求方式如下

http://localhost:4000/api/scoringrules/all ? //每個(gè)請(qǐng)求后面都有/api

配置：

"proxy": {
? ? "/api": {
? ? ? "target": "http://localhost:3100",
? ? ? "changeOrigin": true,
? ? ? "pathRewrite": { ? ? // 如果接口本身沒有/api需要通過pathRewrite來重寫了地址,這里把/api轉(zhuǎn)成‘ '
? ? ? ? "^/api": ""
? ? ? }
? ? }
? },

pathRewrite：重寫路徑

后端識(shí)別時(shí)候把/api替換成空，后端沒有/api

/api只是作為區(qū)分路由和接口的方式

具體要不要配置pathRewrite,要看前端的請(qǐng)求方式，以及后臺(tái)的接受方式

ps：

比如：我在配置本地的時(shí)候

前端請(qǐng)求的參數(shù)的時(shí)候有/api，來區(qū)分網(wǎng)頁還接口，但是后臺(tái)接受的沒有,則需要如上配置

但是：我在配置都域名的時(shí)候，域名接口地址是帶/api的，所以此時(shí)無需配置pathRewrite

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: