vue项目使用webpack打包后部署到服务中无法读取静态资源

在打包vue项目时，因为通过脚手架生成的项目，部署到服务中会出现读取静态资源404的情况！这些问题其实都是打包的项目静态资源的路径设置的问题，我们需要设置为绝对路径。如果是相对路径则会出错了！

1.js文件404

我们找到webpack配置，比如我的是config中index.js

只需要将

assetsPublicPath: '/'

修改为

assetsPublicPath:'./'

即可

2.静态图片或者使用的element-icons.woff 等文件

只需要在打包工具类文件中修改配置

增加上这个配置即可

publicPath: '../../'