React 项目中 script 标签 src 属性没有斜杠，请求为什么是根路径而不是当前目录？

有志者，事竟成！如果你在学习文章，那么本文《React 项目中 script 标签 src 属性没有斜杠，请求为什么是根路径而不是当前目录？ 》，就很适合你！文章讲解的知识点主要包括，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

script 标签相对路径转为绝对路径的妙招

你在处理 React 应用程序时遇到了一个难题，就是 src 属性中没有斜杠 (/) 的 script 标签，似乎发起的请求是根路径的，而不是当前目录的。

那么，这背后的原理是什么呢？

要理解这个问题，我们需要了解 <base> 标签。<base> 标签可以指定页面中所有相对路径的基础 URL。当你使用 <base href="x"> 时，所有页面的相对路径都会根据这个 x 来计算。

在你的案例中，网站很可能在入口 HTML 文件中使用了 <base> 标签。当 <script src="xxx.js"> 执行时，浏览器会查找 <base> 标签，然后将 "xxx.js" 转换为绝对路径。这就是为什么你的请求基于根路径，而不是当前目录。

因此，想要将相对路径转换为绝对路径，你可以在后端配置 <base> 标签，或者在入口 HTML 文件中手动添加它。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《React 项目中 script 标签 src 属性没有斜杠，请求为什么是根路径而不是当前目录？ 》文章吧，也可关注golang学习网公众号了解相关技术文章。