CSS 文件未在选择/选项选项卡上完全链接更改的目录。 HTTP服务器答案

【问题标题】：CSS file not linking on changed Directories fully on Select/Option tab. HTTP-SERVERCSS 文件未在选择/选项选项卡上完全链接更改的目录。 HTTP服务器
【发布时间】：2020-11-24 07:39:25
【问题描述】：

请注意，我是从本地电脑上运行这一切的。只需打开 html 文件。我正在尝试更好地组织我的 HTML 文档。主要只有一个文件夹，其中包含所有 .js .css 脚本等的资产。这是一个好主意，还是我应该将相同的资产文件夹复制到其他 html 文件将使用它的子文件夹中？主要是我有一个层次结构，如 Top Folder -> {Assets, En, OtherLanguagesWillFollow} -> Under En ->{UserProfile, Folder1, Folder2 etc}

在 UserProfile Index.html 中，我想使用顶级文件夹中 assets 文件夹中的相同 css 文件。因此我尝试了以下路径：

../../assets/css/nameOfCssfile.css
/assets/css/nameOfCssfile.css（尝试使用 node.js 运行 http-server 时）
添加了一个基本文件夹，然后将其链接为 assets/css/nameOfCssfile.css 或 ./assets/css/nameOfCssfile.css

他们都给了我关于页面样式的相同问题，有些部分不再工作，而大部分页面看起来已经提取了文件，但出现了一些问题，主要是代码部分这些。问题是 DDL 不再显示任何值。

 <div class="col-md-4 col-sm-4">
  <div class="form-group">
    <select class="form-control selectpicker"
     name="menu_type[]">
         <option value="">Select Country</option>
         <option value="1">Latvia</option>
         <option value="2">Estonia</option>
         <option value="3">Add New Country ...</option>
    </select>
  </div>
</div>

一旦我将 Assets 类复制粘贴到与 html 文件相同的文件夹中，这将开始工作，而无需更改前面提到的任何路径，这意味着，虽然所有文件仍链接到上层的资产文件夹，但它复制到同一文件夹后开始工作。

我也尝试使用 node.js 中的 http-server 来运行它。虽然我也不完全清楚这是如何工作的，因为我想用 /assets 更改所有内容，以便我可以从上层文件夹链接该文件夹。

我运行 http-server 并且可以从 firefox 启动它。
一旦我从其他文件夹（导航到它）启动 http-server 选项，它就开始表现得很奇怪。它以某种方式混合了这两个文件夹，从第一个选项中获取一些代码，从另一个选项中获取一些代码，这可以在 html 的样式中看到。

这应该实际运行为：

从 cmd/node.js 导航到文件夹
将本地主机作为 http-server 启动。

使用一个或另一个链接连接到我正在创建的网站。

 C:\Users\raiti\Desktop\Folder of Everything\Code\ResponsiveSite>http-server

  Starting up http-server, serving ./
  Available on:

 http://192.168.1.103:8080

 http://127.0.0.1:8080

我该如何解决这两个问题

获得稳定的 http-server
最好组织css/js文件链接到html文件？

【问题讨论】：

标签： html css path httpserver

【解决方案1】：

我仍然不明白为什么一旦我将资产类放在 html 文件的文件夹中，代码就会显示 css 更改。整理一些代码后，问题消失了，不知道为什么，因为链接没有改变。那就解决了。

【讨论】：