我怎么知道Vue.js環境是開發環境還是生產環境？

Question

我怎么知道Vue.js環境是開發環境還是生產環境？

在我的AxiosConfig的config.js ：

AxiosConfig:{
    baseURL:dev.NODE_ENV.BASE_API,
    responseType: "json",
    withCredentials: true,
    ...

您BASE_API在其中看到BASE_API ：

有dev.NODE_ENV的定義：

  dev.NODE_ENV = {
    BASE_API: 'http://localhost:8000',
    APP_ORIGIN: 'http://103.20.32.16:8000/'
  }

如何檢查開發環境或生產環境？

然后在AxiosConfig config.js中，我可以使用判斷，當npm run build I will not need to change the baseURL`。

Answer 1

查看process.env.NODE_ENV並測試development或production 。 您可能需要用process.env.NODE_ENV.BASE_API東西替換dev.NODE_ENV.BASE_API 。

除此之外，如果您使用vue-cli-service引導和構建應用程序，則可以根據環境使用.env文件並使用這些文件切換baseURL 。 您可以在這里找到更多詳細信息： https : //cli.vuejs.org/guide/mode-and-env.html

Answer 2

像往常一樣，當您運行命令npm run dev時 ，它將是一個webpack開發服務器；如果您運行npm run build ，則將用於生產，並且它將在dist文件夾中生成它的縮小版本。