Html 加载资源失败：服务器响应的状态为404（未找到）css_Html_Css_Api

Html 加载资源失败：服务器响应的状态为404（未找到）css

html css api

Html 加载资源失败：服务器响应的状态为404（未找到）css,html,css,api,Html,Css,Api,我无法让我的浏览器显示我正在创建的应用程序的css。我看过其他用户提出的相同问题，但没有找到任何对我的情况有帮助的答案。当我转到页面时，显示的是“Hello world”，没有样式，即使样式表已链接。当我检查页面时，我得到错误信息：加载资源失败：服务器响应状态为404（未找到）下面是我的应用程序的结构 . ./public /css /main.css ./routes /index.js ./views /index.html ./server

我无法让我的浏览器显示我正在创建的应用程序的css。我看过其他用户提出的相同问题，但没有找到任何对我的情况有帮助的答案。当我转到页面时，显示的是“Hello world”，没有样式，即使样式表已链接。当我检查页面时，我得到错误信息：

加载资源失败：服务器响应状态为404（未找到）

下面是我的应用程序的结构

.
./public 
     /css
       /main.css
./routes
     /index.js
./views
     /index.html
./server.js

server.js：

const express = require('express');
const app = express();
const port = process.env.PORT || 8080;

app.use(express.static(__dirname + '/public')); 
const router = require('./routes/index.js');
app.use('/',router);

app.listen(port);

console.log('connected to port: ' + port);

index.html

<!DOCTYPE html>
<html>
<head>
<link href="../public/css/main.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

</head>
 <body>
    <p>Hello World!</p>
 </body>

您已经在app root/public中定义了public dir

app.use(express.static(__dirname + '/public'));

因此，您必须使用：

./css/main.css

使用以下代码：-

../css/main.css

注意：“./”是“包含目录”或“上一个目录”的缩写。

如果您不知道上一个文件夹，这将非常有用

您是否尝试过

。/../public/css/main.css

或

/public/css/main.css

？是的，两者都不起作用。当做第一步时，我得到了同样的错误。在尝试第二种方法时，我得到了>得到了网络：：ERR_aborted你的文件树结构是什么？@DaFois参考这个问题，我对它进行了编辑以使结构更明显地失败，不要使用public，只要。/css

../css/main.css