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

总所周知,/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",

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

相关推荐
一只小风华~6 小时前
Vue Router 路由元信息(meta)详解
前端·javascript·vue.js
*且听风吟6 小时前
html 实现鼠标滑动点亮横轴
前端·javascript·html
计算机学姐6 小时前
基于微信小程序的垃圾分类管理系统【2026最新】
java·vue.js·spring boot·mysql·微信小程序·小程序·mybatis
武昌库里写JAVA7 小时前
C语言 #pragma once - C语言零基础入门教程
vue.js·spring boot·sql·layui·课程设计
iCoding918 小时前
前端分页 vs 后端分页:技术选型
前端·后端·系统架构
mingtianyihou338 小时前
使用 Service Worker 限制请求并发数
前端
张可爱8 小时前
20251017-Vue2八股文整理(上篇)
前端
FanetheDivine8 小时前
ts中如何描述一个复杂函数的类型
前端·typescript
lightgis8 小时前
chrome中的axure插件提示无法不受支持
前端·chrome
速易达网络8 小时前
Vue3 原生移动应用开发来了
前端·javascript·css