vue配置代理

正向代理配置

環境配置文件 .env.development

ENV = 'development'
VUE_APP_BASE_API="/dev-api"

vue配置文件 vue.config.js

devServer: {
    proxy:'http://localhost:8080'//所有的接口請求都會被代理到這個路徑上
},

devServer: {
    proxy:{
        '/dev-api':{//只要是這個路徑下的請求都會被代理到target中
            target:'http://localhost:8888',
            pathRewrite:{'^/dev-api':''}//路徑重寫：/dev-api路徑將不會出現，如果改成'^/dev-api':'test'，則重寫的路徑/dev-api會變成test
        }
    }
},

注意點：使用正向代理時，不要手動的寫全路徑，不要手動的寫全路徑，不要手動的寫全路徑，（重要的事情說三遍）寫了全路徑則代理失效

全路徑：http://localhost:8080 即：協議、域名、端口

只要寫一個代理路徑即可：VUE_APP_BASE_API =/dev-api

環境變量配置文件

你可以在你的項目根目錄中放置下列文件來指定環境變量：

.env                # 在所有的環境中被載入
.env.local          # 在所有的環境中被載入，但會被 git 忽略
.env.[mode]         # 只在指定的模式中被載入
.env.[mode].local   # 只在指定的模式中被載入，但會被 git 忽略

# mode 代表環境變量：development、production和test。不同的文件名在不同的環境下自動生效

請注意，只有 NODE_ENV，BASE_URL 和以 VUE_APP_ 開頭的變量將通過 webpack.DefinePlugin 靜態地嵌入到客戶端側的代碼中。這是為了避免意外公開機器上可能具有相同名稱的私鑰。

目錄

.env.production//生產環境配置
.env.develoption//開發環境配置

vue3模板

vue3后台模板 基於vue3+typescript+pinia+element-plus編寫而成， 該模板僅僅提供頁面級別的組成模板，並未提供其他功能 適合新手用來做二次開發，如果覺得還行，請點個star吧 如果有什么問題可以提出issue，也可以通過issue來指出代碼中的不足。 謝謝支持

模板地址：https://gitee.com/lets-go-fishing/lsgfish-admin