javascript - process.env 在 `npm run build` (Ubuntu) 时不包含 ENV VARS

Question

我正在部署 VueJS 项目。有一个包含 API URL 的文件，我在其中使用 process.env .如果 API_URL仅在生产中定义，因此我可以使用 localhost在我的开发服务器和 API_URL在生产中。

const apiRoot = process.env.API_URL || 'http://127.0.0.1:8000'

export default {
    root: apiRoot,
    auth: {
        jwt: {
            create: urljoin(apiRoot, "auth/jwt/login/"),
            refresh: urljoin(apiRoot, "auth/jwt/refresh/"),
        },
        loginPage: "/login",
        me: urljoin(apiRoot,"users/me/")
    }
}

在服务器上，我添加了 EXPORT API_URL='my.api.url'然后我跑了 npm run build .然后我意识到它仍在使用 127.0.0.1:8000所以我还将 ENV VAR 添加到 /etc/environment文件。
再次，没有成功。我已经重新启动了服务器。
在 cmd 行中，我可以这样做:

echo $API_URL 
'my.api.url'

如何让它发挥作用？或者如何调试这个问题？

Answer 1

解决方案很简单。每个 ENV VAR 必须以 VUE_APP_ 开头.
所以不要设置 API_URL我需要设置VUE_APP_API_URL