サーバー上のパッケージディレクトリの後、溶液のヘッドセットを見つけることができません

VUE-CLIプロジェクトは、CSSのjsファイルを梱包後、IMG静的リソースが見つかりません

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ファイルのリソースがついに発見しました。しかし、別の問題があった、画像リソースを見つけることができません

在Vue项目中通过data设置图片路径,然后在template中引入后页面无法显示图片,浏览器控制台报错:
 
0022qUIFzy7eb5qjfoS6a&690.png
刚开始以为是路径出问题了,于是绝对路径、相对路径各种办法试了一遍,发现还是报错,后来才发现这是
因为在Vue里动态生成的路径无法被url-loader解析到,此时有两种解决方法:

この方法の一つの静的フォルダのプロジェクトディレクトリにソースファイルに直接絵、そしてそれに書かれた通常のように画像のパスを記述します。

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

以下に示すように画像のインポートソースパスによる方法2は、導入されます。


 
image.png
 
image.png

おすすめ

転載: www.cnblogs.com/sweeeper/p/11457893.html