加载资源失败:服务器响应状态为 404(未找到)css [英] Failed to load resource: the server responded with a status of 404 (Not Found) css
问题描述
我无法让浏览器显示我正在创建的应用程序的 css.我查看了其他用户提出的相同问题,但没有找到任何对我的情况有帮助的答案.当我转到该页面时,即使样式表已链接,显示的所有内容也是没有样式的Hello world".当我检查页面时,出现错误:
<块引用>加载资源失败:服务器响应状态为 404(未找到)
这是我的应用程序的结构
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(端口);console.log('连接到端口:' + 端口);
index.html
<头><link href="../public/css/main.css" rel="stylesheet"><script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>头部><身体><p>你好世界!</p>
index.js
var express = require('express');var path = require('path');var router = express.Router();module.exports = 路由器;router.get('/', function(req,res){res.sendFile(path.join(__dirname,'../views/index.html'));});
你已经在 app root/public 中定义了 public 目录
app.use(express.static(__dirname + '/public'));
所以你必须使用:
./css/main.css
I'm having trouble getting my browser to display the css for the app I am creating. I have looked at the same question asked by other users but have not found any of the answers to help in my situation. When I goto the page, all that is displayed is "Hello world" with no styling even though the stylesheet is linked. When I inspect the page, I get the error:
Failed to load resource: the server responded with a status of 404 (Not Found)
here's the structure of my application
.
./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'));
});
you have defined the public dir in app root/public
app.use(express.static(__dirname + '/public'));
so you have to use:
./css/main.css
这篇关于加载资源失败:服务器响应状态为 404(未找到)css的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!