Vue在/public目录下访问process.env.NODE_ENV(其它通用)

embedded/2024/9/23 6:31:39/

总所周知,/public目录下的js文件是不会经过webpack处理的. 

所以process.env.NODE_ENV 也无效.无法判断,当要根据这个去判断的时候就麻烦了. 但有个办法可以解决这个问题.

先安装  npm install --save-dev cross-env

就是在index.html里面去赋值到window变量中,如下

在 /public/index.html中加上 

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

然后在/public下的js文件中就可以判断了

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

然后在 package.json中标记

    "devtest": "cross-env NODE_ENV=dtest vue-cli-service serve",

上面的判断就跟赋值就会生效.


http://www.ppmy.cn/embedded/32094.html

相关文章

golang 确保并发安全性

golang并发安全性 在Golang中&#xff0c;并发安全性通常指的是当多个goroutines同时访问同一个数据结构或资源时&#xff0c;能够保证数据的一致性和完整性&#xff0c;避免数据竞争、死锁等问题 并发安全性案例 案例1 创建 count&#xff0c;起1000个goroutines&#xff0c;…

华为机考入门python3--(19)牛客19- 简单错误记录

分类&#xff1a;字符串 知识点&#xff1a; 分割字符串 my_str.split(\\) 字符串只保留最后16位字符 my_str[-16:] 列表可以作为队列、栈 添加元素到第一个位置 my_list.insert(0, elem) 增加元素到最后一个位置 my_list.append(elem) 删除第一个 my_list.pop(0)…

C语言实验-学生信息管理系统

按以下菜单界面编写学生信息管理系统&#xff1b; 1&#xff09;录入学生信息首先输入学生人数&#xff0c;然后根据学生人数开辟动态数组&#xff1b; 2&#xff09;学生信息包括学号、姓名、性别、三门课成绩、总分&#xff1b;其中学号、姓名、 性别、三门课成绩是需要从键盘…

element_Plus中表格和分页的使用

HTML 表格&#xff08;:data"filterData"绑定的数据&#xff09; <el-table ref"multipleTableRef" :data"filterData" style"width: 100%"selection-change"handleSelectionChange"><el-table-column type"…

使用docker创建rocketMQ主从结构,使用

1、 创建目录 mkdir -p /docker/rocketmq/logs/nameserver-a mkdir -p /docker/rocketmq/logs/nameserver-b mkdir -p /docker/rocketmq/logs/broker-a mkdir -p /docker/rocketmq/logs/broker-b mkdir -p /docker/rocketmq/store/broker-a mkdir -p /docker/rocketmq/store/b…

JAVAEE—servlet的概念及使用,使用servlet接口实现一个表白墙

文章目录 servlet的概念静态页面和动态页面servlet的作用 写出一个servlet程序目录的创建设置smart tomcat编写helloworld servlet的概念 首先我们要搞明白什么是servlet&#xff0c;servlet是一种实现动态页面的技术&#xff0c;他是由tomcat提供给程序员的一组API可以帮助程…

STM32 F103C8T6学习笔记17:类IIC通信(SMBus协议)—MLX90614红外非接触温度计

今日学习配置MLX90614红外非接触温度计 与 STM32 F103C8T6 单片机的通信 文章提供测试代码讲解、完整工程下载、测试效果图 本文需要用到的大概基础知识&#xff1a;1.3寸OLED配置通信显示、IIC通信、 定时器配置使用 这里就只贴出我的 OLED驱动方面的网址链接了&#xff1a…

使用Sentio产品对Sui生态进行深入地数据分析和调试

Sentio最近在Sui上推出了Dash和Debugger这两个重要产品&#xff0c;为Sui生态系统中的开发者和用户提供了关键的工具&#xff0c;以增强其体验。这些产品是Sentio作为基础设施提供商的重要一步&#xff0c;使其与专门为Sui生态系统量身定制的索引、数据分析和监控能力并驾齐驱。…