VUE3中错误提示在页面上以红色覆盖层（overlay）显示的问题

LiXiao-Hua

已于 2024-10-02 16:07:43 修改

阅读量298

点赞数 1

文章标签： vue.js 前端 javascript 前端框架

于 2024-10-02 16:05:30 首次发布

本文链接：https://blog.csdn.net/Julypuls/article/details/142682180

版权

前言

今天在使用vue3做一个小demo，一开始觉得红色的提示层还挺好的，把错误信息都可以展示出来方便找错误

但是有时候一些错误确实只适合在后端控制台显示,于是我们可以在vue项目中修改配置文件，就可以不让它显示在页面上了

解决方法

找到vue项目的目录，我的是这样的：

找到vue.config.js这个文件，没有的可以创建一下

module.exports = {
    devServer: {
        port: 8088,  // 设置开发服务器的端口
        proxy: 'http://localhost:9090',  // 配置代理


        client: { 
            overlay: false  // 关闭浏览器中的红色错误提示层
        }
    }
}

加入client这个选择就好了，并改为false

再次重启vue服务

红色覆盖层消失