React 项目中，script 标签的相对路径是如何转换为绝对路径的？

理解 script 标签中的相对路径

在 React 项目中，读取入口 HTML 文件时我们会发现，某些 script 标签的 src 属性中没有包含起始斜杠，这通常表示相对路径。然而，这些请求却指向了根路径。那么，这种将相对路径转换为绝对路径的技术是什么呢？

base 标签

转换相对路径的关键在于标签。标签用于设置基础 URL，它告诉浏览器在解析相对路径时应使用的 URL。通过在

元素中添加标签并指定基础 URL，可以将所有相对路径请求转换为具有该基础 URL 的绝对路径。

示例

<head>
  <base href="http://app.xxx.com/">
</head>

在包含了上述标签的页面中，即使 src 属性中没有起始斜杠，

注意

此项技术不需要进行后端配置。标签的作用域仅限于其所在的页面及其所有子框架。因此，它仅影响从该页面或其子框架发起的请求。

以上就是React 项目中，script 标签的相对路径是如何转换为绝对路径的？的详细内容，更多请关注其它相关文章！