环境变量配置 process.env

345 阅读1分钟
  • .env文件 都会加载
VUE_APP_TITLE=My App
NODE_ENV=production
  • .env.production 生产环境加载
// 只有以 `VUE_APP_` 开头的变量会被 `webpack.DefinePlugin` 静态嵌入到客户端侧的包中。
# 生产环境配置
ENV = 'production'

## 地址
VUE_APP_SERVER_URL = 'http://124.88.74.211:3000/internet'
VUE_APP_WS_URL = 'ws://127.0.0.1:8082/ws/internet/data'

//访问它们:
console.log(process.env.VUE_APP_SERVER_URL)
  • env.development 开发环境加载
# 生产环境配置
ENV = 'production'

## 地址
VUE_APP_SERVER_URL = 'http://127.0.0.1:3000/pwmsyplat'
VUE_APP_WS_URL = 'ws://127.0.0.1:8082/ws/internet/data'
//访问它们:
console.log(process.env.VUE_APP_SERVER_URL)
  • 注:
     除了 `VUE_APP_*` 变量之外,在你的应用代码中始终可用的还有两个特殊的变量:
-   `NODE_ENV` - 会是 `"development"``"production"` 或 `"test"` 中的一个。具体的值取决于应用运行的[模式](https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F)。
-   `BASE_URL` - 会和 `vue.config.js` 中的 `publicPath` 选项相符,即你的应用会部署到的基础路径。
  • .local 也可以加在指定模式的环境文件上,比如 .env.development.local 将会在 development 模式下被载入,且被 git 忽略。