解决vue项目打包界面和背景图片报错 404
项目进展到最后,vue框架即将完工了,在最后到打包中,又遇到一个大坑npm run build在执行命令打包后,发现打开dist文件内的index.html后,界面空白,并且在控制台处报错为404,查找不到对应到css。此时为路径问题,解决方法为:找到项目文件夹内到config –>index.js –>修改路径‘./‘此时重新打包即在浏览器可以完美打开了...
·
项目进行打包时,执行npm run build
后:
1、在执行命令打包后,发现打开dist文件内的index.html后,界面空白,并且在控制台处报错为404,查找不到对应到css
此时为路径问题,解决方法为:
找到项目文件夹内到config -->index.js
修改assetsPublicPath
路径‘./‘
,此时界面不再404
2、设置css样式内的背景图在控制台报错404,
a.此时还需要修改assetsSunDirectory
为'./static'
b.找到项目文件夹内到build -->utils.js
修改publicPath
路径‘../../‘
,此时重新打包,界面背景图就正常了
更多推荐
所有评论(0)