关于浏览器的一个逆天bug

语言: CN / TW / HK

1.问题描述:

这个bug是我在做一个二次元项目(vue+vite+mysql)的时候,最开始都没有问题,但是后来有一天我的这个项目打开控制台后出现了资源无法加载的问题,包括图片,组件等,但是我只要不打开控制台就没有问题,所以当时我觉得这个问题非常的逆天,

bug如图

bug效果

2.解决思路:

先说正确答案:浏览器抽风,把我默认的网络限制改成了离线,而我之前一直是无限制,因此导致了我一打开控制台就断网,最主要的惑因就是不止我常用的edg浏览器这样了,捏吗连谷歌浏览器都跟着抽风,导致我误判了

  1. 首先我遇到这种问题想的肯定先是我的代码有没有问题,因为这个bug是突然出现的。所以我检查了我的代码问题,例如图片我把原来的静态的src:“巴拉巴拉.jpg”换成了import动态引入的方法

    import src1 from "../assets/movie/miaonei/miaonei.aac";  ​  export default {   name: "profile",   components: { userTop },   data() {     return {       src1,     };   },   }

    但是问题依然没有得到解决。

    2.接下来我考虑到了浏览器本身的问题,但是因为我浏览器网络那里是默认,我的默认一直是无限制,接下来我就用谷歌打开了项目结果也是一样的,所以我就排除了是控制台网络的原因

    3.接下来就考虑是我nodel_modles或者vue,npm版本有问题,所以就开始检测各种的版本,但是也没有发现问题

    4.最后我就先放弃的一段时间,毕竟不用控制台也只是开发效率降低,不是不能写,后来我突然想到这种样子不就是断网吗,所以我认定了就是控制台打开导致的断网,所以一定是network那里的默认不是我之前的东西了,虽然我根本没有改过,但只有这一种可能了

    5.问题解决。

    3.解决后效果

    结语:

    山重水复疑无路,柳暗花明又一村。

    做项目遇到bug是很正常的事,对于在读生来说,遇到bug反而是一件是好事,我可以通过自己思考,结合所学的东西来解决问题,这样可以提升我们的能力,巩固我们的境界。

    就上面这个bug而言,在我成功解决这个问题之前,我都是不知道原来浏览器自己能修改我默认的东西。