vite+vue+ts使用node的变量时出现找不到变量名称的错误

报错解释：

在使用 Vite + Vue + TypeScript 开发环境中，如果你尝试在前端代码中使用了 Node.js 全局变量（例如 process.env），可能会遇到“找不到变量”的错误。这是因为 Node.js 的全局变量在浏览器环境中不可用，因为前端代码是在客户端执行的，而不是在 Node.js 服务器环境中。

解决方法：

1. 使用 Vite 的环境变量功能：在 vite.config.ts 或 env 文件中定义环境变量，然后在代码中通过 import.meta.env 访问。

// .env 文件
ENV_VAR=value
 
// vite.config.ts 或 vue 文件中
console.log(import.meta.env.ENV_VAR); // 输出：value

2. 使用 import.meta.env.MODE 访问当前的 Vite 模式（development、production）。
3. 如果你需要在开发期间模拟 Node.js 环境变量，可以使用 cross-env 之类的库在启动开发服务器时设置环境变量。
4. 如果你需要在 Node.js 环境中执行的代码只在构建时运行，可以使用条件编译，例如：

if (process.env.NODE_ENV === 'development') {
  // 只在 Node.js 环境下执行的代码
}

确保不要在前端代码中引用任何 Node.js 专有的全局变量，这样才能避免在浏览器中运行时的错误。