随风

# 文件

在项目根目录创建

  • .env 无论开发环境还是生产环境都会加载
  • .env.development开发环境加载这个文件
  • .env.production生产环境加载这个文件

# 注意

WARNING

env文件需要声明运行的环境

  • .env.deveplment
    NODE_ENV = development
  • .env.production
    NODE_ENV = production

WARNING

定义变量需要以VUE_APP_作为前缀

  • .env.develoment
    NODE_ENV = development
VUE_APP_BASE_URL = http://dev.myhost.com
  • .env.production
    NODE_ENV = production
VUE_APP_BASE_URL = http://www.myhost.com

WARNING

测试变量是否生效，可直接在main.js中打印测试

console.log(process.env.VUE_APP_BASE_URL)

# 设置vue.config.js和vue项目都用的变量

你可以在 vue.config.js 文件中计算环境变量。它们仍然需要以 VUE_APP_ 前缀开头。这可以用于版本信息:

process.env.VUE_APP_VERSION = require('./package.json').version

module.exports = {
  // config
}

package.json script

cross-env shell变量

官方文档 (opens new window)

← proxy →