我无法让浏览器显示我正在创建的应用程序的 css。我查看了其他用户提出的相同问题，但没有找到任何对我的情况有帮助的答案。当我进入该页面时，显示的只是“Hello world”，没有样式，即使样式表已链接。当我检查页面时，出现错误：
无法加载资源：服务器响应状态为 404（未找到）
这是我的应用程序的结构
.
./public
/css
/main.css
./routes
/index.js
./views
/index.html
./server.js
服务器.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);
索引.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'));
});
使用以下代码：-
../css/main.css
注意：“../”是“包含目录”或“上一个目录”的简写。
如果您不知道以前的文件夹，这将非常有帮助。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
