1. 程式人生 > 其它 >vue專案根據不同環境呼叫不同請求地址(2)

vue專案根據不同環境呼叫不同請求地址(2)

上次演示的是引入cross-env外掛,靈活地根據Npm命令生成dist檔案的環境。

實際上,現在對NODE_ENV有了更深的理解。NODE_ENV是執行打包命令時生成的,與所處的環境沒什麼關係。

比如你在生成環境,但是執行了一個npm run build test,那麼生成的dist檔案的NODE_ENV就是test環境的。我目前所處的開發環境,沒有那麼嚴謹。所以只有未打包壓縮前的程式碼,NODE_ENV是development。

其餘只要是打包後,再開啟的專案,NODE_ENV都是production。我使用了cross-env來設定,但是沒有實現效果,打包出來的dist檔案沒有js和css資料夾。

以上設定貌似都是版本較低的vue-cli可以實現的,根目錄都還有build檔案。我們的專案中是沒有build檔案的。

後來又用了一個方法,才實現了新增npm命令,生成不同的環境和不同的伺服器介面地址:

在根目錄下新增.env.test檔案,內容如下:

在package.json檔案內,script物件中新增 'build-test' : 'vue-cli-service build --mode test'.

在config/index.js中新增判斷程式碼如下

在終端執行npm run build-test,即可實現打包測試環境的程式碼。