vue-cli 項目，打包后js,css,img靜態(tài)資源找不到

js,css資源都找不到

最近，我使用vue-cli腳手架搭建了一個vue項目框架，隨意寫了點頁面，打包出來之后，放到tomcat運行， MOG,竟然所有的資源都找不到，全是404。通過查看api和別人的博客，修改了一下配置文件，config.js下的index.js image.png 默認的時候，是沒有monitor的，記得assetsPublicPath前后都是有斜杠的，別弄錯了喲， npm run build 之后，dist目錄下會多一層monitor文件夾，再下面才是static和index.html.

修改之后，js和css文件資源總算找到。但又出現(xiàn)了另外一個問題，圖片資源找不到

在Vue項目中通過data設(shè)置圖片路徑，然后在template中引入后頁面無法顯示圖片，瀏覽器控制臺報錯： 0022qUIFzy7eb5qjfoS6a&690.png 剛開始以為是路徑出問題了，于是絕對路徑、相對路徑各種辦法試了一遍，發(fā)現(xiàn)還是報錯，后來才發(fā)現(xiàn)這是 因為在Vue里動態(tài)生成的路徑無法被url-loader解析到，此時有兩種解決方法：

方法一.直接將你的圖片源文件放在項目目錄的static文件夾里，然后和正常寫圖片路徑那樣寫就可以了：

image.png image.png image.png image.png

方法二.通過import的方法將圖片源路徑引入，如下圖所示：

image.png image.png 轉(zhuǎn)自：https://www.jianshu.com/p/9a4690f5bdce

轉(zhuǎn)載于:https://www.cnblogs.com/sweeeper/p/11457893.html

總結(jié)

以上是生活随笔為你收集整理的打包后放在服务器上二级目录找不到解决办法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。