vue3 0 配置開發環境和生產環境

2022-09-14 15:12:15 字數 1042 閱讀 2332

前言:

開發過程、測試過程、生產過程使用的介面位址不能,還有執行的操作可能也不一樣,也就需要實現配置好開發環境、測試環境、生產環境,需要什麼環境下的配置直接使用即可。

1、在src同級目錄也就是根目錄下新建檔案:.env.development(開發環境).env.test(測試環境).env.production檔案(生產環境)

2、三個配置檔案的配置內容如下:

.env.development(開發環境)配置內容

node_env = '

development'//

模式development'//

api位址

.env.production檔案(生產環境)配置內容

node_env = '

production

'test

''outputdir = test

.env.production檔案(生產環境)配置內容

node_env = '

production

'production''

3、修改vue.config.js

module.exports =else

test

')else

6 如果是js,那麼新建api資料夾,在資料夾下新建 request.js 中進行使用//或

const service =axios.create()

Vue3 0 多環境配置

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

VUE3 0分環境部署

在vue cli3的專案中,npm run serve時會把process.env.node env設定為 development npm run build 時會把process.env.node env設定為 production 此時只要根據process.env.node env設定不同請求...

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.在系統變數下 新...