无法在.env文件中指定url vue cli 3

Question

我指的是vue cli 3中的documentation about environment variables。

我可以对其进行设置并获取简单的变量来显示，但是.env文件中的URL没有显示。

.env文件的内容：

FOO=bar
VUE_APP_SECRET=secret
API_URL="https://staging.something.org"

这是我查看环境的方式：

console.log(process.env)
BASE_URL: "/"
NODE_ENV: "development"
VUE_APP_SECRET: "secret"

看不见API_URL，我做错了吗？

Answer 1

请参阅documentation。

  

仅以 VUE_APP _ 开头的变量将通过webpack.DefinePlugin静态嵌入到客户端捆绑包中。您可以在应用程序代码中访问它们：

您的VUE_APP_SECRET的前缀为VUE_APP_，因此可以访问。使用VUE_APP_API_URL而不是API_URL在您的前端访问它。