Vue 环境变量配置、使用方法、注意事项

ops/2024/12/22 23:16:02/

注意事项:

  • 环境变量必须以 VUE_APP_ 开头,只有 VUE_APP_ 开头的变量才会被 webpack 处理
  • NODE_ENV 是内置的环境变量,NODE_ENV 不需要 VUE_APP_ 前缀
  • 修改环境变量后需要重启开发服务器才能生效
  • 环境变量在构建时会被静态替换
  • 环境变量在客户端代码中可见,不要存储敏感信息

基础配置demo

javascript">// .env
VUE_APP_API_URL=https://api.example.com// .env.development
VUE_APP_API_URL=http://localhost:8080// .env.production
VUE_APP_API_URL=https://prod.example.com

文件命名规则

javascript">.env                # 所有环境都会加载
.env.local         # 所有环境都会加载,但会被git忽略
.env.development   # 开发环境加载
.env.production    # 生产环境加载

使用方式

javascript">// 在 Vue 组件中使用
console.log(process.env.VUE_APP_API_URL)
console.log(process.env.NODE_ENV)  // "development" 或 "production"// 在配置文件中使用
export default {baseUrl: process.env.VUE_APP_API_URL
}//比如使用环境变量修改当前页面的标题
document.title=process.env.VUE_APP_TITLE


http://www.ppmy.cn/ops/144155.html

相关文章

Ubuntu软件更新及删除

1、更新软件 sudo apt-get install package-name 更新你指定的软件包 sudo apt-get update 获取更新列表 sudo apt-get dist-upgrade 开始更新 2、删除软件 1、dpkg --list 列出已安装的软件 2、sudo apt-get remove <package name> &&…

【NLP】第六章:位置编码Positional Encoding

六、位置编码Positional Encoding &#xff08;一&#xff09;为什么需要位置编码器&#xff1f; 前面我们花了大幅的笔墨、详细的描述了embedding层和注意力模块的计算流程&#xff0c;可以看出attention模块确实是学习了样本与样本之间的关系。每个样本都计算了它和所有样本…

深入浅出支持向量机(SVM)

1. 引言 支持向量机&#xff08;SVM, Support Vector Machine&#xff09;是一种常见的监督学习算法&#xff0c;广泛应用于分类、回归和异常检测等任务。自1990年代初期由Vapnik等人提出以来&#xff0c;SVM已成为机器学习领域的核心方法之一&#xff0c;尤其在模式识别、文本…

c++数据结构算法复习基础--12--排序算法-常见笔试面试问题

1、STL里sort算法用的是什么排序算法? 快速排序算法。 插入排序(待排序序列个数<32时,系统默认32)。 递归层数太深,转成堆排序。 #include<algorithm> //算法库,头文件使用了快速排序: sort原码: 小到大 _EXPORT_STD template <class _RanIt> _CON…

python快速接入阿里云百炼大模型

1.注册阿里云账号 访问阿里云官网&#xff0c;完成账号注册流程&#xff0c;并开通百炼服务&#xff0c;网址&#xff1a;https://bailian.console.aliyun.com 2.获取 API Key 登录阿里云百炼平台&#xff0c;在个人中心或相关设置页面找到并生成 API Key&#xff0c;妥善保管此…

【C#】实现Json转Lua (Json2Lua)

关键词: C#、JsonToLua、Json2Lua、对象序列化Lua 前提需引入NewtonsofJson&#xff0c;引入方法可先在Visual Studio 2019 将Newtonsoft.Json.dll文件导入Unity的Plugins下。 Json格式字符串转Lua格式字符串&#xff0c;效果如下&#xff1a; json字符串 {"1": &q…

VSCode 启用免费 Copilot

升级VSCode到 1.96版本&#xff0c;就可以使用每个月2000次免费额度了&#xff0c;按照工作日每天近80次免费额度&#xff0c;满足基本需求。前两天一直比较繁忙&#xff0c;今天周六有时间正好体验一下。 引导插件安装GitHub Copilot - Visual Studio Marketplace Extension f…

CSS学习

如何将HTML转换为XHTML 1.添加一个XHTML<!DOCTYPE>到我的网页中 2.添加xmlns属性添加到每个页面的html元素中 3.改变所有的元素为小写 4.关闭所有的空元素 5.修改所有的属性名称为小写 6.所有属性值添加引号 HTML5新元素 <canvas>标签定义图形&#xff0c;比如图…