提交 d483b891 编写于 作者: DCloud-WZF's avatar DCloud-WZF 💬

update(环境变量): 补充vue3环境变量设置及获取方式 (question/156510)

上级 4c84b51b
......@@ -10,4 +10,4 @@ uni-app 项目中配置环境变量主要有如下三种方式:
### .env
CLI 创建的项目中可以在根目录中放置 ``.env`` 文件来指定环境变量,具体参考:[环境变量](https://cli.vuejs.org/zh/guide/mode-and-env.html#%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F)
\ No newline at end of file
CLI 创建的项目中可以在根目录中放置 ``.env`` 文件来指定环境变量,具体参考:[Vue2](https://cli.vuejs.org/zh/guide/mode-and-env.html#%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F)[Vue3](https://cn.vitejs.dev/guide/env-and-mode.html)
\ No newline at end of file
......@@ -38,6 +38,41 @@ export function createApp() {
:::
## 环境变量
::: preview
> Vue2
```JS
// 配置环境变量
// 根目录.env文件 必须 VUE_APP_ 开头
VUE_APP_SOME_KEY = 123
// 获取环境变量
process.env.NODE_ENV // 应用运行的模式
process.env.VUE_APP_SOME_KEY // 123
```
> Vue3
```JS
// 配置环境变量
// 根目录.env文件 必须 VITE_ 开头
VITE_SOME_KEY = 123
// 获取环境变量
process.env.NODE_ENV // 应用运行的模式
import.meta.env.VITE_SOME_KEY // 123
```
:::
**Tips**
- Vue2 更多 [设置环境变量方式](https://uniapp.dcloud.net.cn/tutorial/env.html#env)
- Vue3 非H5端,应直接访问 process.env.* 获取环境变量,不支持访问 process
## 全局属性
例如:全局网络请求
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册