出现问题:
问题一: vue项目本地运行正常,npm run build之后,将dist文件上传至服务器之后,访问域名出现 .js 、.css等静态资源文件访问404,导致访问页面空白。
分析原因:
路径不对,找不到对应的status文件夹,有两种修改方式,一种是修改为相对路径,一种是修改为绝对路径。
以相对路径为例 解决方案:

将 ’ / ’ 改成 ’ ./ ’ 然后重新打包部署,访问就可以了
****问题二:引用element的icon部署之后不显示,找不到报错!
解决:
在build/utils.js中添加publicPath: ‘…/…/’ 如下图所示:

在打包上线就可以完美解决了
本文解决Vue项目部署时遇到的问题,包括静态资源404及Element图标不显示。通过调整路径配置和publicPath设置,确保应用在服务器上正确加载资源。
3167

被折叠的 条评论
为什么被折叠?



