vue在Index.html中自定义全局变量

ops/2024/9/23 9:33:31/
htmledit_views">

在inde.html定义整个项目都能访问的变量,用于判断等等

直接在 index.html中  js  

  <script>window.VUE_APP_NODE_ENV = '<%= process.env.NODE_ENV %>';</script>

我这里是 赋值了 环境值.   可以改变任意值都行.

要用的地方直接判断就行 

 if (VUE_APP_NODE_ENV === 'test') {}

当webpack覆盖不到的地方用这这个方便的.

原文来自:https://www.lllomh.com/article/details?id=11336659 


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

相关文章

面试经典算法150题系列-跳跃游戏||

跳跃游戏|| 给定一个长度为 n 的 0 索引整数数组 nums。初始位置为 nums[0]。 每个元素 nums[i] 表示从索引 i 向前跳转的最大长度。换句话说&#xff0c;如果你在 nums[i] 处&#xff0c;你可以跳转到任意 nums[i j] 处: 0 < j < nums[i] i j < n 返回到达 num…

MyBatis 如何通过拦截器修改 SQL

目录 1. 实现Interceptor接口2. 注册配置文件 假如我们想实现多租户&#xff0c;或者在某些 SQL 后面自动拼接查询条件。在开发过程中大部分场景可能都是一个查询写一个 SQL 去处理&#xff0c;我们如果想修改最终 SQL 可以通过修改各个 mapper.xml 中的 SQL 来处理。 但实际过…

WebKit简介及工作流程

引言 随着互联网的飞速发展&#xff0c;浏览器作为用户访问网络世界的门户&#xff0c;其性能和稳定性日益成为关注的焦点。在众多浏览器引擎中&#xff0c;WebKit以其卓越的渲染性能和跨平台特性&#xff0c;赢得了广泛赞誉。作为前端技术专家&#xff0c;深入了解WebKit的架…

C语言 | Leetcode C语言题解之第318题最大单词长度乘积

题目&#xff1a; 题解&#xff1a; int maxProduct(char ** words, int wordsSize){int masks[wordsSize];memset(masks, 0, sizeof(masks));for(int i 0; i < wordsSize; i) {int len strlen(words[i]);for(int j 0; j < len; j) {masks[i] | 1 << (words[i]…

38 器件移动、旋转、镜像、对齐、等间距操作介绍39 器件、网络、过孔锁定与解锁操作40 相同模块复用操作41 测量、查询功能介绍

38 器件移动、旋转、镜像、对齐、等间距操作介绍&&39 器件、网络、过孔锁定与解锁操作&&40 相同模块复用操作&& 41 测量、查询功能介绍 第一部分 38 器件移动、旋转、镜像、对齐、等间距操作介绍第二部分 39 器件、网络、过孔锁定与解锁操作第三部分 4…

校园选课助手【6】-使用验证码验证抢课接口

需求分析&#xff1a;抢课开放时&#xff0c;大量用户同时访问抢课接口&#xff0c;防止有人利用程序恶意刷接口进行抢课。 1.导入验证码依赖 <!--验证码依赖--><dependency><groupId>com.github.whvcse</groupId><artifactId>easy-captcha<…

基于springboot+vue+uniapp的美术馆预约平台小程序

开发语言&#xff1a;Java框架&#xff1a;springbootuniappJDK版本&#xff1a;JDK1.8服务器&#xff1a;tomcat7数据库&#xff1a;mysql 5.7&#xff08;一定要5.7版本&#xff09;数据库工具&#xff1a;Navicat11开发软件&#xff1a;eclipse/myeclipse/ideaMaven包&#…

设计模式 策略模式(Strategy Pattern) C++表达

设计模式 策略模式&#xff08;Strategy Pattern&#xff09; C表达 flyfish 策略模式&#xff08;Strategy Pattern&#xff09;是一种行为设计模式&#xff0c;它的核心思想是将一系列相关的算法或行为封装到独立的策略类中&#xff0c;并使得这些策略可以相互替换。主要用…