- 根目录下创建
.env
.env.production
.env.development - 在vite.config.js中使用
defineConfig(({ mode }) => {
const env = loadEnv(mode, process.cwd());
const { VITE_NODE_ENV } = env;
})
- 其他地方使用
export const requestURL = import.meta.env.VITE_APP_BASE_URL
- 启动和打包不同环境 package.json
"scripts": {
"dev": "vite --mode development",
"pro": "vite --mode production",
"build": "vite build",
"build:dev": "vite build --mode development",
"build:pro": "vite build --mode production",
}
- 遇到的问题:
在本项目的/src/configs/index.js中 import.meta.env访问不到
解决办法:
最后发现这个项目的vite.config.js中引用了/src/configs/index.js这个文件,浪费我的时间!!!!!