-
背景： 使用vscode單獨開發的vue獨立項目，為了部署方便。是npm run build 后，把dist里面的靜態文件復制到springboot項目下，然后使用內置tomcat當做web項目運行。
-
現象: 不論是在vscode中使用npm run dev，還是在idea中運行web項目，所有菜單項，及頁面運行良好。
-
問題： 但是在idea中通過maven打包出來的jar文件，單獨使用java -jar 運行的時候，訪問某個菜單項沒反應（F12查看console提示找不到某個css樣式文件）
-
思路： 其中有個坑爹的地方需要自省。就是起初發現點菜單沒反應的時候，一直在往router的方向去找問題，然后又去看network的網絡請求（內容太多，看不到那個css的，而且關注點在api請求上），沒有第一時間看console的事，記得上次有個vue的問題也是。 以后vue項目點了沒反應，第一選擇就應該是看console，看看是不是js報錯了 然后，發現報錯信息是提示找不到css樣式，雖然發現jar包中的css樣式文件存在（但是大小是0kb），一直沒當回事，因為在vscode中打包出來的靜態文件中這個css樣式就是0kb的，idea中也是0kb的都運行正常。 但是后面實際測試把那個菜單失效的也沒，加上css內容再打包后，css樣式文件有內容了，且不論是單獨jar包運行，還是idea中運行都正常。因此得出的結論是vue單頁中，樣式文件貌似必須有內容。否則單獨打包的jar運行會出問題。
<style scoped>
這里需要寫樣式的內容，貌似不能為空，否則放在單獨打包的jar運行有問題。
</style>