Question

我无法让浏览器显示我正在创建的api的css。我查看了其他用户提出的同一个问题，但在我的情况下没有找到任何帮助。当我转到页面时，显示的所有内容都是＆＃34; Hello world＆＃34;即使样式表已链接，也没有样式。当我检查页面时，我收到错误：

无法加载资源：服务器响应状态为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>

index.js

var express = require('express');
var path = require('path');
var router = express.Router();
module.exports = router;

router.get('/', function(req,res){
res.sendFile(path.join(__dirname,'../views/index.html'));
});

Answer 1

使用以下代码： -

../css/main.css

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

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

Answer 2

我在html注册中使用firebase-database，但是最后一个错误我无法理解，如果有人知道告诉我。错误是“无法加载资源：服务器响应状态为404（）”

无法加载资源：服务器响应状态为404（未找到）css

2 个答案: