React应用中,script标签的相对路径为什么会被解析为根路径请求?如何解决?

React应用中,script标签的相对路径为什么会被解析为根路径请求?如何解决?

script标签的相对路径请求转为绝对路径

在React应用中,虽然src属性中不带斜杠(/)的路径应该是相对路径,但实际发起的是根路径的请求,这令人有些疑惑。

这种情况的解决方法是使用 href="x">标签。标签可以指定文档中所有相对URL的基准URL,从而将相对路径转换为绝对路径。

在React应用中,通常在入口HTML文件中使用标签,例如:

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

这样,src属性中不带斜杠的路径,如"xxx.js",将被转换为绝对路径"https://app.xxx.com/xxx.js",从而发起正确的请求。

以上就是React应用中,script标签的相对路径为什么会被解析为根路径请求?如何解决?的详细内容,更多请关注其它相关文章!