【vue项目部署】vue路由在多级页面下，页面刷新空白（history模式下）的排查过程&问题解决

前言

在项目打包部署后，出现了多级目录刷新后白屏的问题。记录一下排查过程与解决方法。

正文

1：在项目打包部署后，多级目录刷新后白屏，并且报错：Uncaught SyntaxError: Unexpected token '<'。测试单层的目录可以正常刷新。—>不是history或者hash模式设置的问题，也与nginx以及后端代码无关。

2：点击这个报错，查看详细信息，发现是在index.html页面出现的。—>可能是资源路径配置的错误，搜索后找到参考文章：vue路由在多级页面下，页面刷新空白（history模式）

3：修改vite.config.ts为下面的写法，重新打包部署后即可。 原因就是如果不这么设置，多级目录找资源的时候会找错？（虽然上面的参考文章有详情，但是看不太懂= =）

export default ({ mode }: any) => {
    return defineConfig({       
    	base: '/' 
    });
};

另外的可能

解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 错误解决方法 ：也有可能是资源放错位置了。