After VUE is packaged, some of the images are in the wrong path.

the path of the generated image after packaging is not correct
/ / 192.168.111.90/dist/static/css/static/img/downApp.254207f.png 404 (Not Found)

but on the same page, other pictures can be displayed normally
background: url (data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAAXNSR. TkDBgHvGSXgwZzJfbCy0ZGZBc+NP9OBMtJV7QVjSd2dvnjH0UTja314l9CAAAAAElFTkSuQmCC) no-repeat;

what"s the problem?

Mar.14,2021

check the webpack configuration. Images that use url-loader, below the limit will be converted to base64. Images larger than the limit size are compiled to the specified directory. The specific configuration should be similar to. / config/index.js, check this configuration, this is my project configuration, depending on your project configuration.

clipboard.png


base64staticstatic


js
:


../assets/navBottom/gzt_icon_0.pngbase64base64404


I modified the webpack to put the hash value after the picture when generating the hash value


the final plan is to find build- > utils.js, and add a sentence publicPath:'../../',

to it.
Menu