webpack打包static图片静态资源,在浏览器上404的问题

发布于 2022-09-12 22:21:03 字数 901 浏览 14 评论 0

  1. 我的图片静态资源是放在根目录下的:
    image.png
  2. 这是我的webpack配置:

config/index.js
image.png
build/webpack.base.conf.js
image.png

3.打包完之后,dist是有这个图片资源的额
image.png

4.这是打包完之后上传到浏览器的sources
image.png
5.然后,页面console就报图片404的错误了,这不是废话吗,浏览器的sources都没看到这个图片资源,当然是404了。可是,我明明上传的文件里面是有这个图片的,为啥到浏览器上就没有了呢?

有没有可以解答一下?是后端做了拦截吗?还是...?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

花心好男孩 2022-09-19 22:21:03

记得去“项目根目录\src\main\webapp\WEB-INF\web.xml”看看,是不是被后台拦截了!!!!!!!!!!!!!!

走野 2022-09-19 22:21:03

看看图片的路径对不对,是不是前面多了一层或者少了一层,
build 配置assetsPublicPath: './', 应该是没有问题的, staticPath这个我没配置过

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文