vue3 0根據環境分配請求位址

2021-09-29 12:46:34 字數 562 閱讀 2352

1.在package.json新增測試打包環境:"test": "vue-cli-service build --mode test"

2.在根目錄新建 .env.test 檔案,在檔案裡面新增:node_env = 'test'

3.在你的工具資料夾新建檔案,名字根據自身專案(我的是base.js),在檔案新增一下內容

let baseurl = ""; 

switch (process.env.node_env)

export default

4.引入

在需要使用請求位址的地方直接引入使用就好:     import base from './base'

axios.default.baseurl=base.baseurl

4.打包

Vue3 0 多環境配置

vue3的配置相比vue2就簡化了很多了。在根目錄下新建.env.dev 開發環境 env.test 測試環境 env.prod 生產環境 檔案,具體需要幾個環境根據需要決定。env 字尾叫啥都可以,自己高興就好,當然最好也要讓別人一目了然。其他的自己照搬,改改就好了 修改package.json ...

vue cli3 0 根據環境自動獲取相應介面位址

在專案根目錄建立config資料夾,然後建立2個檔案 在vue.config.js檔案中 沒有就在根目錄自己建立 根據環境自動獲取對應介面位址 const proenv require config pro.env const devenv require config dev.env const ...

win搭建vue3 0開發環境

2.安裝node.js到系統指定目錄,預設安裝會指定path環境變數 3.檢視對應版本 4.配置全域性安裝目錄 npm config set prefix d nodejs node global npm config set cache d nodejs node cache 4.在系統變數下 新...