刚开始接触vue项目, 项目打包dist文件,部署到tomcat之后, 无法找到静态图片

Question

• 项目打包dist文件,部署到tomcat之后, 无法访问, 将assetsPublicPath的'/'修改为'./', 项目可以正常访问 , 但是图片总是无法显示
• build参数

// Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),
    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',

• 项目结构

• 页面代码

• 浏览器报错

请问图片一直不出来是哪的原因?

Answer 1

打包路径问题 点开控制台network 仔细看看报404的路径 一定和你想的不一样