从静态环境移动站点后，哪个文件路径与 localhost 一起使用

Question

我有一个静态网站本地存放在C盘：C:\site

我现在在 IIS 中创建了一个新站点并将其指向该位置。当我在浏览器中输入“localhost”时，它会调出站点 index.html

问题是我丢失了所有 CSS / JS / 等等，我认为这是因为我的路径没有指向正确的源。我对链接（hrefs）有同样的问题。

在连接到 IIS 之前，我的路径如下：

<link rel="stylesheet" type="text/css" href="C:/Site/css/MyFontsWebfontsKit.css" />
    <link rel="stylesheet" type="text/css" href="C:/Site/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="C:/Site/css/style.css" />

    <script type="text/javascript" src="C:/Site/scripts/jquery-1.12.3.min.js" ></script>
    <script type="text/javascript" src="C:/Site/scripts/bootstrap.min.js" ></script>

我尝试四处寻找答案，并尝试了一些方法，例如：

<link rel="stylesheet" type="text/css" href="localhost/Site/css/style.css" />

或：

<link rel="stylesheet" type="text/css" href="http://localhost/Site/css/style.css" />

但还是没能看到我的 CSS、JS 等

至于链接，它们在 IIS 之前工作，看起来像这样：

<a href="/Site/about.html">About Us</a>

我想一旦我能为我的 CSS 和 JS 找到正确的路径，我就能够找出链接。任何帮助，将不胜感激。谢谢！

Answer 1

如果您的文件夹结构是这样的：

css
  style.css
index.html

那么路径 css/style.css 将始终从 index.html 开始工作，无论它位于何处。您是引用中的 hard-coding 根路径，因此当根路径以任何方式更改时，它都会破坏所有引用。

尝试：

<link rel="stylesheet" type="text/css" href="css/style.css" />

（对其他参考文献进行了相同的更改。）

您总是可以相对于彼此引用文件，但是相对于根引用它们需要一致的根。

从静态环境移动站点后，哪个文件路径与 localhost 一起使用

Which file-path to use with localhost after moving site from static environment

html

iis

path

relative-path

file-location