vue 关闭开发模式提示

提示信息

废话不不多说我们先来看提示信息:

You are running a development build of Vue.
Make sure to use the production build (*.prod.js) when deploying for production.

vue2的提示信息

 vue3的提示信息

使用场景:这里我使用的是vue3的js直接引入,相当于直接引入js做为jq的替代品来写html页面

解决方案

1.切换引入的vue版本,开发版会有这个提示,生产版本无

vue2可以用cdn引入

<script src="https://cdn.jsdelivr.net/npm/vue@2.7.10"></script>

vue3可以使用 

<script src="https://unpkg.com/vue@3.2.36/dist/vue.global.prod.js"></script>

### 如何在 Vue 中禁用或隐藏页面提示 在开发过程中,有时会遇到需要关闭 Vue 页面上的一些提示信息的情况。这些提示可能来自编译器错误、警告或其他运行时异常。为了实现这一目标,可以通过配置 `vue.config.js` 文件中的 `devServer.client.overlay` 属性来控制是否在浏览器中显示全屏覆盖的错误或警告信息。 以下是具体的解决方案: #### 修改 vue.config.js 配置文件 通过调整 `vue.config.js` 的内容可以达到目的。具体来说,设置 `overlay.runtimeErrors` 和 `overlay.warnings` 为 `false` 可以分别禁用运行时错误和警告的全屏覆盖提示[^3]。 ```javascript module.exports = { devServer: { client: { overlay: { warnings: false, // 不显示警告信息 runtimeErrors: false, // 不显示运行时错误信息 }, }, }, }; ``` 完成上述更改后,需停止当前正在运行的服务并重新启动项目才能使新配置生效。 如果希望进一步减少不必要的日志输出到终端窗口,则还可以考虑增加如下选项: ```javascript module.exports = { devServer: { quiet: true, // 完全静默模式,不打印任何构建消息 noInfo: true, // 减少 Webpack 编译过程中的冗余信息量 }, }; ``` 以上方法适用于开发环境下的调试需求;对于生产环境中完全移除所有的 console.log 或其他形式的日志记录功能,建议利用 ESLint 插件配合自定义规则扫描源码,并结合打包工具插件自动删除无意义语句。 最后提醒一点,虽然适当屏蔽部分干扰性的反馈有助于提升工作效率,但也不应过度依赖此手段忽略潜在隐患的存在——毕竟合理范围内的即时通知机制正是快速定位问题所在的关键之一! ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值