前言: 由于没找到写这个配置方式的文章,准备自力更生一下产出, 主要记录一下报错问题

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至今不知道原因, 如果有大佬知道,可以给我留言, ღ( ´･ᴗ･` )比心