springboot+vue部署後提示找不到css

  • 背景: 使用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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章