当网站设置了二级目录时,前端需要注意,可以有不同的解决方案防止白屏。
- 设置带有二级目录的绝对路径,publicPath: '/test/',这样打包出来的静态资源可以和当前网站的配置保持一致,可以避免资源加载失败。
- 设置相对路径,publicPath: './'。但是这样一来,如果此时使用的是 history 模式的路由配置,因为网站加了二级目录会导致前端的路由地址匹配失败,所以还需要将 router 的 base 设置为 '/test/' 需要与网站的二级目录保持一致。或者直接采用 hash 的路由模式,这样可以忽略掉 base 参数的配置,比较省心。