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

解決vue-element-admin中配置跨域出現(xiàn)的問(wèn)題

 更新時(shí)間：2024年07月24日 15:30:26   作者：曦和百里  
這篇文章主要介紹了解決vue-element-admin中配置跨域出現(xiàn)的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue-element-admin配置跨域問(wèn)題

首先來(lái)看一下項(xiàng)目結(jié)構(gòu)目錄

我們可以看到.env.development和.env.production文件以及vue.config.js

這里是涉及到了接口的轉(zhuǎn)發(fā)（我們可以看到base，base的意思是所有的請(qǐng)求前綴都會(huì)加上它）

重點(diǎn)來(lái)了（如何配置跨域）

 proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: 'http://127.0.0.1:3000/',
        ws: true,
        changeOrigin: true,
        pathRewrite: { ['^' + process.env.VUE_APP_BASE_API]: '' }
      }
    }
  • target：是我要跨域的地址。
  • changeOrigin：開(kāi)啟跨域
  • pathRewrite：匹配到所有含有當(dāng)前環(huán)境所對(duì)應(yīng)的前綴的接口進(jìn)行轉(zhuǎn)發(fā)

坑來(lái)了（這真的是留了好大一個(gè)坑，之前查了好久，后來(lái)無(wú)意間解決了）

在.env.development和.env.production文件中

如果你的#base api和VUE_APP_BASE_API=api

這兩個(gè)地方不對(duì)應(yīng)的話(huà)，那么你就不能夠?qū)崿F(xiàn)我所截圖的跨域配置，我之前的配置的都是手動(dòng)去改，這個(gè)坑解決了之后何其優(yōu)雅，只需要更改當(dāng)前是開(kāi)發(fā)還是生產(chǎn)環(huán)境就好了

  • 更改：
lintOnSave: process.env.NODE_ENV === 'development'
  • 或者：
lintOnSave: process.env.NODE_ENV === 'production'

這處就能夠去自動(dòng)匹配了，之前都是要改好幾個(gè)地方，這樣子顯得比較優(yōu)雅。

原因是沒(méi)有檢索到這個(gè)前綴

總結(jié)

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

相關(guān)文章

最新評(píng)論