spa单页面应用资源全部用相对路径有什么缺点？

Question

vue-cli或者create-react-app默认build以后资源引用的路径都是绝对路径，需要放到服务器的根目录运行，那么通过更改引用路径为相对路径，比如vue中更改assetsPublicPath为'./'，react中的package.json添加homepage: '.',build后直接在本地就能访问，放在服务器里也没问题，那么这种方式有什么缺点？### 问题描述

Answer 1

如果单页面需要seo的话那肯定是绝对路径好。

Answer 2

可以防止别人偷项目

Answer 3

感觉主要用途是虚拟路径吧，比如

<img src="/img/logo.png">

注意在“img”前有一个“/”字符，这个“/”代表的是虚拟目录的根目录. web服务访问资源时可以通过服务器设置的虚拟目录来访问资源，而不是通过真实物理路径“C:workspaceadmin-systemimglogo.png”来访问。

Answer 4

没有什么绝对路径，分两部分。

1. 前端
   /1.jpg或./1.jpg地址在浏览器中会根据当前的url处理成目标url。如http://xxx/1.jpg或http://xxx/index/1.jpg
2. 后端

由http服务根据url解析出path，再根据http服务配置的映射关系，去服务器的本地目录上去找。

所以从始至终没有什么绝对路径，只不过是不同的利用浏览器组装url的规则罢了。