我怎么知道 Vue.js 环境是开发环境还是生产环境？

Posted 2023-02-22

【中文标题】我怎么知道 Vue.js 环境是开发环境还是生产环境？

【英文标题】：How can I know the Vue.js environment is development or production?

【发布时间】：2018-10-20 16:53:48

【问题描述】：

我如何知道 Vue.js 环境是开发环境还是生产环境？

在我的AxiosConfig 的config.js：

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

你在里面看到BASE_API：

有dev.NODE_ENV的定义：

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

如何检查环境是开发环境还是生产环境？

然后在AxiosConfigconfig.js 中我可以使用判断，当npm run build I will not need to change thebaseURL` 时。

【问题讨论】：

How check if Vue is in development mode?的可能重复

【参考方案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

【参考方案2】：

像往常一样，当你运行命令 npm run dev 那么它将是一个 webpack 开发服务器，如果你运行 npm run build 那么它将用于生产用途它会在 dist 文件夹中创建一个缩小版