NO.2 学一点又不会死系列

97 阅读1分钟

背景

搭建一个新项目,配置环境变量,但是使用process.env拿不到新增的环境变量。因为配置成功与否对实际开发没啥太大影响,就没有花时间处理。

解决方案

在项目根目录下创建.env.XXX文件,注意是根目录

image.png

文件内定义的常量推荐以 VUE_APP_开头,除了 VUE_APP_* 变量之外,在你的应用代码中始终可用的还有两个特殊的变量:

  • NODE_ENV - 会是 "development"、"production" 中的一个。具体的值取决于项目运行的模式。
  • BASE_URL - 会和 vue.config.js 中的 publicPath 选项相符,即你的项目会部署到的基础路径。

image.png

配置package.json文件

image.png

结语

重启世界,hello world!