使用Vite访问Node web应用程序中的变量

Question

我有一个使用npm和Vite构建的非常简单的应用程序。

我想指定应用程序所依赖的外部服务器URL，但我希望该URL在本地运行时(npm start)与构建版本(npm run build，调用vite build)不同。

推荐的方法是什么?

这似乎是正常的方式来做到这一点是通过.env，但没有什么秘密关于这两个url，我想把配置在版本控制。我希望在vite.config.js或package.json中声明一些东西。

Answer 1

您可以在包的脚本部分定义环境变量。Json格式如下:

{
"name": "my-vite-appp",
"scripts": {
"start": "EXTERNAL_SERVER_URL='https://dev_server.com' vite"
"build": "EXTERNAL_SERVER_URL='https://build_server.com' vite build",
...
}
...
}

然后在代码中像这样访问EXTERNAL_SERVER_URL变量:const url = process.env.EXTERNAL_SERVER_URL;

(我对Vite本身没有经验，所以访问变量的方式可能有点不同)

---

请参阅下面bosth的评论，了解我错过的一些细节。