当前位置:首页 > 文章列表 > 文章 > 前端 > React 项目中,script 标签的相对路径是如何转换为绝对路径的?

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

2024-11-03 09:01:07 0浏览 收藏

小伙伴们有没有觉得学习文章很有意思?有意思就对了!今天就给大家带来《React 项目中,script 标签的相对路径是如何转换为绝对路径的? 》,以下内容将会涉及到,若是在学习中对其中部分知识点有疑问,或许看了本文就能帮到你!

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

理解 script 标签中的相对路径

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

base 标签

转换相对路径的关键在于 标签。 标签用于设置基础 URL,它告诉浏览器在解析相对路径时应使用的 URL。通过在 元素中添加 标签并指定基础 URL,可以将所有相对路径请求转换为具有该基础 URL 的绝对路径。

示例


  

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