gpt4 book ai didi

node.js - 无法加载css文件

转载 作者:太空宇宙 更新时间:2023-11-04 00:27:00 26 4
gpt4 key购买 nike

我正在尝试使用登录模板(取自:50 Free HTML5 And CSS3 Login Forms For Your Website 201

我的目录设置是这样的:

-css
|
-- style.css
- js
|
-- index.js
|
index.html

index.html 文件的头部看起来:

<head>
<meta charset="UTF-8">
<title>Sign-Up/Login Form</title>
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">


<link rel="stylesheet" href="css/style.css">


</head>

正文包含包含脚本:

 <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

<script src="js/index.js"></script>

我的node.js看起来:

// Import Required Module
var express = require('express')
var app = express()
var bodyParser = require('body-parser')


// css
var path = require('path')
app.use(express.static(path.join(__dirname, 'public')));

// Create instances
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
extended: true
}));

// Get
app.get('/', function (req, res) {
console.log('Get: /');
res.sendFile('LoginTemplate/index.html', {root: __dirname })
})

/*
app.get('css/style.css', function (req, res) {
console.log('Get: css/style.css');
res.sendFile('css/style.css', {root: __dirname })
})
*/


// Listner
app.listen(3001, function () {
console.log('Example app listening on port 3001!')
})

加载 html 文件时出现错误:

GET http://127.0.0.1:3001/css/style.css 

我尝试在以下位置寻找解决方案: Can not get CSS file

并创建了public文件夹并将css文件夹复制到里面,但仍然不起作用。

如何加载 css 和 js 文件?

最佳答案

// Import Required Module
var express = require('express')
var app = express()
var bodyParser = require('body-parser')

// Create instances
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
extended: true
}));

// Get
app.get('/', function (req, res) {
console.log('Get: /');
res.sendFile('LoginTemplate/index.html', {root: __dirname })
})


app.get('/css/style.css', function (req, res) {
console.log('Get: css/style.css');
res.sendFile('LoginTemplate/css/style.css', {root: __dirname })
})

app.get('/js/index.js', function (req, res) {
console.log('Get: js/index.js');
res.sendFile('LoginTemplate/js/index.js', {root: __dirname })
})


// Listner
app.listen(3001, function () {
console.log('Example app listening on port 3001!')
})

关于node.js - 无法加载css文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42374717/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com