vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > VUE3引入.env下的环境变量,显示process未定义

VUE3中引入.env下的环境变量,显示process未定义问题

作者:LaySSPeople

这篇文章主要介绍了VUE3中引入.env下的环境变量,显示process未定义问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

VUE3引入.env下的环境变量,显示process未定义

在这种情况下说明你使用的构建工具大概率不是Webpack,随着vue技术更迭,vite成为更多开发者的选择。而开发人员在从webpack构建转向vite的时候有可能需要转变.env环境变量的依赖方式。

Vite 期望环境变量直接使用 import.meta.env 来访问,而不是 process.env。

这是基于 Vite 使用原生 ES 模块和现代 JavaScript 特性的决策。

先通过控制台观察自己所使用的构建工具

我这边是vite 最新版本(当前)

一般直接到配置axios的文件下,将process.env.VUE_APP_BASE_API

改成import.meta.env.VUE_APP_BASE_API

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文