欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue.config.js配置proxy代理產(chǎn)生404錯誤的原因及解決

 更新時間：2024年06月20日 09:05:27   作者：kingtopest  
這篇文章主要介紹了vue.config.js配置proxy代理產(chǎn)生404錯誤的原因及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

在使用vue做開發(fā)時，請求api接口時為了解決跨域問題，一般會設(shè)置proxy代理，

但有時候會莫名其妙的出現(xiàn)404錯誤，這里總結(jié)一下vue設(shè)置proxy代理產(chǎn)生404錯誤的幾種原因：

原因1：沒有注意vue proxy代理優(yōu)先級的規(guī)則

vue proxy代理匹配的規(guī)則是按照配置的內(nèi)容從上到下，順序逐個匹配的

因此第一個被匹配到的規(guī)則生效以后, 后面就不會被匹配到

舉個例子：

proxy: {
 
      "/api/": {
        target: "http://proxyAddr:port",
        changeOrigin: true,
        pathRewrite: {
          "^/api": "",
        },
      },
 
       "/api2/": {
        target: "http://proxyAddr2:port",
        changeOrigin: true,
        pathRewrite: {
          "^/api2": "",
        },
      },
 
 
}

按照上面的寫法：

  • 如果有一個/api2的請求進來，會直接被第一條"/api"的規(guī)則匹配到
  • 而后面的"/api2"的規(guī)則就不會被匹配到，所以此時就會產(chǎn)生404錯誤

解決辦法

把/api2的匹配規(guī)則放到/api的前面

注意點小結(jié)：

  • 對于有同名前綴的uri路徑（比如/api和/apixxxx這樣的）
  • 為了避免長uri路徑被短uri規(guī)則匹配到,而后面的規(guī)則不生效
  • 必須把短uri路徑的匹配規(guī)則放到文件的最后

原因２：pathRewrite路徑重寫配置錯誤

這個例子中pathWrite寫錯了：

  • 被重寫的部分跟進來的url內(nèi)容完全不同，沒有被識別到
  • 這種情況也會發(fā)生路由匹配不到引發(fā)的404錯誤

所以，必須注意：

  • pathWrite的被重寫的路徑必須跟匹配規(guī)則定義的uri保持一致！
  • 否則就會報404錯誤！

總結(jié)

以上就是vue.config.js配置proxy代理發(fā)生404錯誤的兩大原因。

這些僅為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論