vue項目根據開發環境來配置對應的服務器地址

1.在package.json中設置開發環境

"scripts": { 
 
   
    "serve": "vue-cli-service serve --mode development",
    "test": "vue-cli-service serve --mode test",
    "build": "vue-cli-service build --mode production",
    "lint": "vue-cli-service lint"
  },

–mode development 表示是開發環境
–mode test 表示是測試環境
–mode production 表示是生產環境
若是咱們yarn serve，那麼就是development模式；若是yarn build，那麼就是production模式。。。。。

2.根據不一樣的環境配置axios中的baseURL地址。

let baseURL

if (process.env.NODE_ENV === 'development') { 
 
   
    baseURL = 'http://localhost:3000'
} else if (process.env.NODE_ENV === 'production') { 
 
   
    baseURL = "http://localhost:8000"
} else { 
 
   
    baseURL = "http://localhost:5000"
}
export default { 
 
   
    baseURL
}

process.env.NODE_ENV是用來獲取咱們在package中設置的模式的值。

本文分享 CSDN - 冬天愛吃冰淇淋。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。