如何在HTML中使用脚本的相对路径_Html

如何在HTML中使用脚本的相对路径

html

如何在HTML中使用脚本的相对路径,html,Html,我试图用相对路径引用我的JS/CSS，比如/myScript.JS，这样，如果我在https://myHost.com/myPath，它应该在https://myHost.com/myPath/myScript.js，但如果我在http://localhost/，它应该在http://localhost/myScript.js。但它总是在寻找根源，好像我已经找到了一条绝对的道路不可能创建相对路径吗？如果我不需要在不同的环境之间更改实际的HTML文件，我更愿意这样做反应应用程序您需要启用

我试图用相对路径引用我的JS/CSS，比如

/myScript.JS

，这样，如果我在

https://myHost.com/myPath

，它应该在

https://myHost.com/myPath/myScript.js

，但如果我在

http://localhost/

，它应该在

http://localhost/myScript.js

。但它总是在寻找根源，好像我已经找到了一条绝对的道路

不可能创建相对路径吗？如果我不需要在不同的环境之间更改实际的HTML文件，我更愿意这样做


反应应用程序
您需要启用JavaScript才能运行此应用程序。
/*一堆自动生成的代码*/

这是我花2个小时摆弄它的一次，但没有用，我发布了一个问题，然后直接在后面找到答案

问题是如果用户没有指定，我会自动返回

index.html

，这使得chrome在访问

https://myHost.com/myPath

。如果我转到

https://myHost.com/myPath/index.html

它可以工作

因此，我需要正确地重定向到

index.html

，而不是仅仅返回它。或者指向

myPath

下的任何内容，如

https://myHost.com/myPath/home

尝试使用以下方法：

我希望，这对你有帮助

我也阅读了有关base的内容，但我不想在不同环境之间更改HTML。无论如何，结果证明它与实际的HTML无关，而是与我默认的

index.HTML

的方式有关。

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <link rel="icon" href="./favicon.ico" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="Web site created using create-react-app" />
    <link rel="apple-touch-icon" href="./logo192.png" />
    <link rel="manifest" href="./manifest.json" />
    <title>React App</title>
    <link href="./static/css/main.6dea0f05.chunk.css" rel="stylesheet">
</head>

<body><noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script>/* a bunch of auto generated react code */</script>
    <script src="./static/js/2.1ca84f3b.chunk.js"></script>
    <script src="./static/js/main.487a42e6.chunk.js"></script>
</body>

</html>