生产环境和开发环境 变量配置

360 阅读1分钟

1 开发环境 - > development的文件 生产上线 -> production的文件
src下齐名的

   .env.development 文件 开发时运行此文件会加载其中定义的变量

   .env.production 文件 打包时会运行其中的变量

2 定义 VUE_APP_ xx='值'

比如 VUE_APP_BASE_API = '/dev-api'

        以 VUE_APP_ 开头的变量将通过 webpack.DefinePlugin 静态地嵌入到客户端侧的代码中,建议以它开头来定义

定义好环境变量,项目启动之后,它会自动被集成到process.env这个属性中。我们只需要通过下面的方式使用即可

process.env.xx (xx表示再两个文件中定义的变量名)

修改配置文件, 不要忘记重启服务。