vite的环境变量 是在一个特殊的对象上,默认只有前缀为 VITE_ 的环境变量会被加载。
vite 在 vite.config.ts、js 中的配置,无法直接获取到想要的环境变量;不能像vue-cli脚手架那样直接用 process.env.xxx 来获取,也不能直接使用 import.meta.env.xxx
主要配置代码
// vite.config.js
import { defineConfig, loadEnv } from "vite";
import react from "@vitejs/plugin-react";
import path, { resolve } from "path";
export default ({ mode }) => {
const env = loadEnv(mode, process.cwd());
return defineConfig({
base: env.VITE_PROJECT_BASE,
server: {
host: "0.0.0.0", //解决 vite use--host to expose
port: 8888, //配置端口
open: true, //配置默认打开浏览器
},
resolve: {
alias: {
"@": path.resolve(__dirname, "src"), //配置@别名
},
},
plugins: [react()],
});
};