关于vue打包问题 打包完图片路径不一样

Question

真正的路径是file:///E:/helpCenter/gome-shop/dist/static/img/[e-mail]

但是打包出来的路径是file:///E:/static/img/[e-mail] net::ERR_FILE_NOT_FOUND 的报错...

Answer 1

你是用webpack 打包的话 ，就得看你输出路径怎么输出的

output: {

        //html引用资源路径
        publicPath: '这是你的输出路径',
        
        ....
    }

如果你用的vue-cli脚手架的话
你可以试试 在config 文件下的 build 下面 把assetsPublicPath:'/' 设置成 assetsPublicPath:'./'

Answer 2

你不要直接打开index.html看啊，这个路径是相对路径