vue项目打包部署后页面是空白的,以及部署之后页面能看到图片等资源找不到


第一个:vue项目打包部署后页面是空白的

因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开是空白的。

解决办法:config文件夹下的index.js文件的build中assetsPublicPath

assetsPublicPath默认的是 ‘/’ 也就是根目录。而我们的index.html和static在同一级目录下面。 所以要改为 ‘./ ’;

再次执行 npm run build 就可以了。

 

 

第二个:部署之后页面能看到图片等资源找不到

解决办法:build文件夹下的utils.js文件的generateLoaders方法加上publicPath: '../../'

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM