当前位置: 首页 > news >正文

vue3项目如何在index.html中根据环境(开发,生产)动态切换js src路径

1.使用环境变量文件,定义src相关变量,在html中引入

代码:

env

VITE_SCRIPT_SRC=https://example.com/dynamic.js

html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Dynamic Script</title>
</head>
<body><div id="app"></div><script src="%VITE_SCRIPT_SRC%"></script> <!-- 动态路径 -->
</body>
</html>

相关文章:

  • 事件触发控制与响应驱动控制的定义、种类及区别
  • 大模型LLMs的MCP入门
  • MySQL-GROUP_CONCAT函数
  • WPS表格中设置折线图随数据列自动变化——存钱计划
  • 冲刺计划中的任务列表应该怎么写?
  • Linux驱动开发进阶(九)- SPI子系统BSP驱动
  • C# 程序结构||C# 基本语法
  • 类的生命周期
  • YOLOv2训练详细实践指南
  • C++开发中的DUMP文件:解决崩溃与性能问题的利器(全文字数2w+)
  • 时间序列:A TIME SERIES IS WORTH 64 WORDS: LONG-TERM FORECASTING WITH TRANSFORMERS
  • 【实战中提升自己】 防火墙篇之VPX部署–L2TP over IPSEC
  • CTF--eval
  • 控制反转(IoC)和依赖注入(DI)实现及常用注解
  • 怎样利用 macOS 自带功能快速进行批量重命名文件教程
  • 服务器内存规格详解
  • 饭店管理系统(下篇):程序打包为exe给用户使用
  • 2. kubernetes操作概览
  • Gradle相关配置文件的关系、作用及使用方式
  • 【时时三省】(C语言基础)选择结构程序设计习题1
  • 我的诗歌阅读史
  • 跳水世界杯总决赛:程子龙/朱子锋夺男子双人10米台冠军
  • 天启年间故宫“三殿”重修与晚明财政
  • 阿根廷发生5.6级地震,震源深度30公里
  • 美国季度GDP时隔三年再现负增长,特朗普政府关税政策对美国经济负面影响或将持续
  • 首开股份:一季度净利润亏损约10.79亿元,签约金额63.9亿元