vue或react项目打包后白屏问题解决

500 阅读1分钟

直接上截图

image.png

./:相对路径,加载时再计算当前资源的路径,因此在服务器端请求的最终路径是相对于index.html自己的位置在服务器端查找资源.

/: 绝对路径,在服务器端请求的最终路径是根磁盘+当前路径在服务器端查找资源.因为大概率找不到..

为什么开发阶段使用"/"作为路径能正常启动项目?

image.png

开发阶段,脚手架底层,其实是通过express在本地创建了一个虚拟服务器,该服务器的根磁盘http://localhost:8080/,然后我们的文件也是直接放在虚拟服务器根磁盘中的,因此这时候,我们不管是使用"./"或是"/"都可以正确的读取到文件. 但真实环境中我们项目大概率不是部署在根磁盘的.因此我们改为相对路径是最为保险的.