每个人遇到的问题可能不一样,这篇文章仅针我所遇到的问题。
为了URL美观,我选择了history路由模式,将项目打包上传到服务器,并按照官网配置了服务器路径。
域名可正常访问到页面,动态跳转也没问题,但是刷新后则出现白屏,并且控制台报错404,找不到资源。
在网络中查看请求失败的资源,发现路径中多了部分不应该有的东西,vue3打包的根目录下应该是assets目录,那么就说明是请求的路径问题。
到打包后的dist目录下,打开index.html文件,在head标签下找到导入的这两个文件。
路径前是./当前目录下的assets目录,我们将其改成根目录下的assets,即将.点去掉。
重新打包后部署,已解决!