李恒道 发表于 2021-1-19 01:41:16

quasar配置env开发环境配置.env.development和.env.production

## 为什么需要开发环境

因为生产环境和开发环境的api常常是分离的,如果改代码非常麻烦,所以通常会设置文件,自动根据运行判断使用的地址,quasar基本找不到什么中文资料,所以经过查询大概总结了一个方法

# 如何使用

在命令行输入

quasar ext add @quasar/dotenv

我们使用的是@quasar/dotenv

关于完整的使用帮助可以参考https://www.npmjs.com/package/@quasar/quasar-app-extension-dotenv

@ quasar / quasar-app-extension-dotenv是 `Quasar CLI App Extension`流行的(https://www.npmjs.com/package/dotenv)软件包的官方[版本](https://www.npmjs.com/package/dotenv)。

将会回答一下问题

```
"What is the name of your .env that you will be using for development builds?"
用于开发构建的名称是什么
.env.development

"What is the name of your .env that you will be using for production builds?"
用于生产构建的名称是什么
.env.production

"What name would you like to use for your Common Root Object ("none" means to not use one)?"
你想使用的常用根对象名称是什么,none代表不使用
The "common root object" means off of "process.env" you will have a named object, basically for organization purposes.
常用根对象代表不属于process.env 你将有一个名称对象,用于组织属性
none

"Create your .env files for you?"
是否为您创建.env文件
yes

"For security, would you like your .env files automatically added to .gitignore?"
为了安全,是否为您在.gitignore中自动忽略.env文件
yes
```

然后.env.production和.env.production会自动加入到文件目录中

```
# This is your .env file
这是你的env文件
# The data added here will be propagated to the client
数据在这里填写将自动添加到属性中
# example:
# PORT=8080
在这里我们可以添加属性
VUE_TER_VERSION=0.01

附注
Then it will be accessible via process.env.APP_PORT or if you have a common root object of MyData then it will be process.env.MyData.APP_PORT
如果你有一个明为MyData的常用根对象,你可以通过process.env.MyData.APP_PORT访问

```

# 如何卸载

使用以下命令

```

quasar ext remove @quasar/dotenv
```

# 方法2

可以参考https://bbs.tampermonkey.net.cn/forum.php?mod=viewthread&tid=224
页: [1]
查看完整版本: quasar配置env开发环境配置.env.development和.env.production