關於瀏覽器的一個逆天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而言,在我成功解決這個問題之前,我都是不知道原來瀏覽器自己能修改我預設的東西。