前端正确设置资源上下文路径ContextPath（发布目录outDir 、公共基础路径），保证打包部署后站点能正常加载资源。
文章目录
- 引言
- I 处理资源上下文路径ContextPath
- javascript对象获取上下文路径
- 使用`./` 加载资源文件
- Vite 的base
- publicPath是webpack部署应用包时的基本 URL
- II 知识扩展：URL的识别
- 2.1 标准的链接格式
- 2.2 URL中的？涵义
- 2.3 URL中的&涵义
- 2.4 传参
- III #fragment
- 3.1为网页位置指定标识符
- 3.2 `HTTP请求不包括#`
- 3.3 改变#后的部分，不触发网页重载。
- 3.4 onhashchange 事件
引言
公共基础路径（上下文路径、发布目录）是Vue应用在服务器上的URL路径。默认情况下，我们的Vue应用将在根路径下运行，即/。但是，当我们将应用部署到服务器的子目录中时，我们需要更改基础路径，以便应用能够正确加载资源。
部署站点应用包时的上下文路径，有时候不是根路径,例如是sam。
如果访问资源时，不添加上下文路径，则无法找到资源。
- Wrapper封装了具体的访问资源，例如 index.html
- Context 封装了各个wrapper资源的集合，例如 app
类似命名空间的概念，在不同层次的配置，其作用域不一样。
- Host 封