vue-cli/webpack打包后上线出现路径错误404问题

问题：

1. 将打包好的项目部署到服务器，发现报错说图片找不到。
2. 态资源如js访问不到
   

原因：

这个是因为webpack打包的时候引入js时使用的是绝对路径导致的，修改webpack打包文件中的配置

解决办法：

在项目中添加vue.config.js文件，内容如下：

module.exports = {
     
  baseUrl: process.env.NODE_ENV === 'production'
    ? './'
    : '/'
}

如果打包报错：

ERROR Invalid options in vue.config.js: “baseUrl” is not allowed
在vue-cli.3.3版本后 baseUrl被废除了，因此这边要写成 publicPath

module.exports = {
     
  publicPath: process.env.NODE_ENV === 'production'
    ? './'
    : '/'
}

修改后重新打包：
打包成功！路径正确！页面显示正常！