vue3环境变量

259 阅读1分钟

vue3

首先创建两个文件,分别为 .env.development(开发环境) .env.production(生产环境)

d2bafbae71e54ea2bcf314417a13e7a5.png

.env.development(开发环境)

19f1d3d732bb49349a859cb75be36907.png

.env.production(生产环境)

cc2848b11a754407ba446482b9fb0c00.png

配置 package.json:

b88857a96b7b4e68ab2b5fe3367a1ff2.png

如果想要代码提示可以在 env.d.ts 下配置:

interface ImportMetaEnv {
 VITE_API : string
}

如何使用:

console.log(import.meta.env.VITE_API)