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

  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了。可是,我明明上传的文件里面是有这个图片的,为啥到浏览器上就没有了呢?

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

阅读 3k
2 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题