理解 script 标签中的相对路径
在 React 项目中,读取入口 HTML 文件时我们会发现,某些 script 标签的 src 属性中没有包含起始斜杠,这通常表示相对路径。然而,这些请求却指向了根路径。那么,这种将相对路径转换为绝对路径的技术是什么呢?
base 标签
转换相对路径的关键在于 标签。 标签用于设置基础 URL,它告诉浏览器在解析相对路径时应使用的 URL。通过在
元素中添加 标签并指定基础 URL,可以将所有相对路径请求转换为具有该基础 URL 的绝对路径。
示例
登录后复制
在包含了上述 标签的页面中,即使 src 属性中没有起始斜杠,
注意
此项技术不需要进行后端配置。 标签的作用域仅限于其所在的页面及其所有子框架。因此,它仅影响从该页面或其子框架发起的请求。
以上就是React 项目中,script 标签的相对路径是如何转换为绝对路径的?的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2805924.html