vue项目报错时直接页面红色遮罩层

最新推荐文章于 2024-10-02 16:05:30 发布

原创最新推荐文章于 2024-10-02 16:05:30 发布 · 1.7k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

文章描述了在使用Vue.js开发时，遇到的一个小错误，即在devServer的proxy配置中，一个无关紧要的错误导致API路径被错误地高亮并覆盖整个页面。作者找到了解决方案，即在client对象中关闭overlay选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

莫名其妙遇到的，尤其给领导演示的时候，真的贼尴尬，没啥影响的小错误，直接一整个盖在页面上。找了好久解决方案，。

在vue.config里

 devServer: {
    // host: 'localhost',
    port: 5090,//自定义
    // open: true,
    proxy: {
      "/api": {
        target: "",
        changeOrigin: true,
        // pathRewrite: {
        //   '^/api': ''
        // }
      },
    },
    client: { //加上这个就好了
      overlay: false,  
    },
  },