vue history模式build页面显示空白处理

vue history模式build页面显示空白处理,要处理以下几个地方：
1.build文件夹下prod文件output中加入：publicPath:'./'
2.config文件夹下index.js中assetsPublicPath: '/',斜杠前面没有'.'。
这样build下history模式正常显示了（后端要添加：显示目录下index.html的代码）
3.如果还不行看看router文件夹下的index.html文件中：mode和路由配置
dev:{//dev下可以正常显示

  path: '/',
  name: 'login',
  meta: {
    title: '抽奖'
  },
  component: () => import('@/views/login')
},

build:{//上面的dev会显示空白页面，必须配置默认路由

  path: '*',
  meta: {
    title: '抽奖'
  },
  component: () => import('@/views/login')
},   

4.history模式下，host:wwww.baidu.com,url为：wwww.baidu.com/xxx,login界面跳转home界面：应该wwww.baidu.com/xxx/home，跳转却为：wwww.baidu.com/home，刷新该地址就报错。这是nginx配置，前端router需要添加base:
5.界面设置背景图片，背景图片不显示问题解决：
1> 目标文件：项目目录 > config文件夹 > index.js
assetsPublicPath:'/' 改为：assetsPublicPath:'./' （加一个点变为相对路径）

2> 目标文件：项目目录 > build文件夹 >utils.js
在图中所示位置添加代码