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樣式文件)
    圖片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>
相關文章
相關標籤/搜索