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

作者：笔触狂放9 | 2024-05-24 22:32:36

踩

vue dist 启动后404

解决方法

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

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

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

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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/619341