在Vue 3中,可以通过在HTML文件中的<script>标签中直接访问全局的process.env对象来获取到VUE_APP定义的值。

例如,假设你在.env文件中定义了一个名为VUE_APP_API_URL的变量,你可以在index.html文件中的<script>标签中使用它:

<script>
  console.log(process.env.VUE_APP_API_URL);
</script>

请注意,这种方法只适用于在构建过程中的静态HTML文件,而不适用于在Vue组件中。如果你想在Vue组件中访问这些变量,你可以使用process.env对象来获取它们:

console.log(process.env.VUE_APP_API_URL);

注意:在使用process.env对象之前,确保你已经正确设置了.env文件和相关的变量。

vue3 怎么能在html文件中的script中获取到VUE_APP 定义的值

原文地址: https://www.cveoy.top/t/topic/jdhx 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录