vite+vue3版本配置全局env及process报错
process报错应为标识符,建议安装@type/node
·
前言: 由于没找到写这个配置方式的文章,准备自力更生一下产出, 主要记录一下报错问题
1、使用vue2版本的写法配置env
vue2版本的配置方式应该大部分都知道了,我这就简单提一下
首先创建.env本地文件,注意: 一定要在项目根目录创建,如下图所示
vue2版本里面的, .env.development和.env.production两个文件名都是默认配置名,不更改名称的话无需在package.json文件内部配置
配置方式:
1、在webpack构建下配置,得使用VUE_APP的前缀名
NODE_ENV = 'production'
VUE_APP_API_BASE_URL = '你的地址'
2、在vite构建工具下配置,就得使用VITE的前缀名
NODE_ENV = 'production'
VITE_API_BASE_URL = '你的地址'
使用方式:
1、webpack
process.env.VUE_APP_API_BASE_URL
2、vite
import.meta.env.VITE_API_BASE_URL
2、使用vite.config配置方式配置env
在vite里面有个参数可以配置env
使用方式:
process.env.BASE_URL
地址奉上共享配置 | Vite 官方中文文档 (vitejs.dev)
3、process报错应为标识符,建议安装@type/node
报错这个问题呢, 本来按照提示是安装@type/node就可以用了,按理是的, 结果我的就是不行,没办法只能强制配置了
在vite.env.d.ts文件中手动声明
最后, 安装完成第二天, 注释掉声明也可以使用, emmmm至今不知道原因, 如果有大佬知道,可以给我留言, ღ( ´・ᴗ・` )比心
更多推荐
已为社区贡献1条内容
所有评论(0)