使用http-server加载样式表时出现404错误求助

我是HTML/CSS/JS新手，正在靠搭建个人网站自学。现在遇到一个问题：用http-server运行网站时，页面加载过程中服务器提示样式表、JS、图片都出现404错误，但直接双击打开HTML文件（不通过服务器）时，所有资源都能正常加载。我怀疑是路径格式设置的问题，但不确定具体哪里错了。

文件结构 #

index.html 相关代码 #

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Home</title>
    <link rel="stylesheet" type="text/css" href = "css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
  </head>
  <body>

服务器错误日志 #

[2022-08-18T21:21:16.660Z]  "GET /css/style.css" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0"
[2022-08-18T21:21:16.662Z]  "GET /js/index.js" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0"
[2022-08-18T21:21:16.663Z]  "GET /css/bootstrap.css" Error (404): "Not found"
[2022-08-18T21:21:16.667Z]  "GET /css/style.css" Error (404): "Not found"
[2022-08-18T21:21:16.668Z]  "GET /assets/images/ag.jpg" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0"
[2022-08-18T21:21:16.669Z]  "GET /js/index.js" Error (404): "Not found"
[2022-08-18T21:21:16.670Z]  "GET /assets/images/ag.jpg" Error (404): "Not found"
[2022-08-18T21:21:16.689Z]  "GET /js/index.js" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0"
[2022-08-18T21:21:16.690Z]  "GET /js/index.js" Error (404): "Not found"

已尝试的解决方法 #

• 更换路径格式：试过../css/、./css/、/css/、~/css
• 调整文件位置：把CSS文件移到index.html同目录，修改href为文件名
• 移动index.html到项目根目录
• 修改<base>标签的href属性为.、./、../

已查阅的资料 #

• 绝对路径与相对路径的区别相关文章
• Stack Overflow上关于CSS/JS文件404错误的相关问题

现在实在找不到问题所在，先休息一会儿，发帖求助，感谢任何帮助！

内容的提问来源于stack exchange，提问作者jrbobdobbs83