5***@qq.com
5***@qq.com
  • 发布:2022-06-01 10:14
  • 更新:2022-06-01 23:05
  • 阅读:524

vite-ts模板使用‘dev:h5’命令启动后,在代码中获取.env.evelopment文件预设的变量失败

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows 10 家庭中文版

浏览器平台: Chrome

浏览器版本: 98.0.4758.102(正式版本)

项目创建方式: CLI

CLI版本号: @vue/cli 4.5.12

操作步骤:

在.env.evelopment文件中设置 VUE_APP_BASE_API = './api' ,在代码中执行 console.log(process.env)

预期结果:

打印的process.env中存在预设的变量

实际结果:

打印的process.env中未发现预设的变量

bug描述:

创建的.env.evelopment等文件中预设的变量获取失败

2022-06-01 10:14 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

vite-ts 模板基于 vite+vue3 构建,其通过 .env 文件配置环境变量和vue2 略有不同,官方文档
例如:

复制代码// .env.development 中设置  
VITE_APP_BASE_API = 'test-base-api'  
// pages/index/index.vue 获取  
console.log(import.meta.env.VITE_APP_BASE_API)
  • 5***@qq.com (作者)

    感谢,成功解决

    2022-06-02 18:26

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容