問題描述：
當我在做一個查詢課程詳情的功能時候，想順便在后臺修改課程的瀏覽量，即讓它加1，但發現每次重繪頁面，數值竟然增加兩次！
于是我在這個頁面的生命周期函式里面列印東西，發現每次列印的都是兩次，也就是說，不知道為什么生命周期函式執行了兩次，而且一直讓我在意的是，瀏覽器控制臺總是莫名其妙的列印出警告資訊：
vue.runtime.esm.js?2b0e:619 【Vue warn】: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.
最可恨的是，我嘗試打包這個專案【npm run build】,然后使用生產環境進行運行【npm run start】，運行以后，頁面竟然報錯，大概意思是不能向node添加子標簽，整個頁面很多內容都無法顯示，這時候，我就知道，肯定出了很大的問題，事關整個專案，因為打包以后還有問題，就關系部署，這種問題很煩人，
于是我搜集了很多的資料，最終沒有找到根本原因，但是經過不斷嘗試，卻無意中發現了一個徹底的解決辦法，只要在布局檔案里面添加如下圖所示的標簽，即可解決，讓 no-ssr 這個雙標簽包含所有內容，大不了每個布局檔案都如圖添加上這個標簽，而且打包和部署都沒有了問題！
如果有哪位大佬知道根本原因，并且為什么這樣解決，請評論告訴我，我將萬分感謝！！！！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/258910.html
標籤：其他