vue打包项目部署到服务器的非根目录后白屏或者404

问题一*把打包好的dist文件放到服务器的非根目录xwh文件夹里，就会出现404

解决方法

步骤一、修改vue.config.js里的publicPath

module.exports = {
	publicPath: '/xwh/dist/'
}

步骤二、修改路由router的index配置

export default new Router({
	mode: 'history', // （这里有一个坑下文会讲到）
	base: '/xwh/dist/' // 改这里，部署的子路径
})

问题二、上述问题正常后，路由跳转什么的都正常，但是一刷新就变成404

（前提是非根目录）
解决方法： 把路由模式由history改为hash