首页  >  问答  >  正文

Vue 构建后 .env.Production 变量未定义

<p>我的 Vue 2.2.3 项目中有两个 <code>.env</code> 文件,<code>.env.development</code> 和 <code>.env.development</code>。</p> <p>在每个 <code>.env</code> 文件中,我已将 <code>VUE_APP_API_URL</code> 变量分配给不同的值 - 一个用于我的本地开发环境,另一个用于生产服务器。</p> <p>运行 <code>npm run build</code> 将应用程序编译到本地 <code>dist</code> 文件夹中,没有任何问题。但是,当我将 <code>dist</code> 部署到我的服务器时,在我的 Vue 应用程序中记录 <code>VUE_APP_API_URL</code> 会返回 <code>undefined</code>。</p> <p>这是我第一次这样做,所以我可能会遗漏一些东西。为了让 <code>.env.production</code> URL 能够与构建一起使用,我还必须做其他事情吗?</p> <p>预先感谢您的帮助!</p>
P粉897881626P粉897881626439 天前464

全部回复(1)我来回复

  • P粉348915572

    P粉3489155722023-08-30 11:29:20

    我的建议是:不要过于复杂化。只需使用一个 .env 文件。

    请确保不要将其推送到存储库,否则它将被公开。仅此而已。

    我的配置是:.env for dev,其中包含常量。

    然后在生产环境中您只需在那里设置变量即可。

    回复
    0
  • 取消回复