vue打包一篇空白,背景图片不显示

时间:2024-04-06 13:54:42

一、打包之后一篇空白

1、dist目录下文件的引用路径错误

解决方案:在 config 文件下面的 index.js 文件中,找到这段代码,把 assetsPublicPath: '/'改为assetsPublicPath: './',更改后的代码:
vue打包一篇空白,背景图片不显示

2、路由模式被改为history,

路由模式默认为hash,只要把路由模式改为默认就好。

二、打包之后,背景图片不显示

解决方案:找打 build 文件夹下 utils.js
找到这段代码:
vue打包一篇空白,背景图片不显示
加上 publicPath: '../../' ,添加后的效果
vue打包一篇空白,背景图片不显示