Question

我有这个文件来运行app.js

var express = require('express')
var app = express();
var router = express.Router();
var path = __dirname + '/views/';


router.get("/",function(req,res){
 res.sendFile(path + "index.html");
});

app.use("/",router);

app.use("*",function(req,res){
 res.sendFile(path + "index.html");
});

app.listen(8080,function(){
 console.log("Live at Port 8080");
});

我有＆＃34; index.html＆＃34;内部＆＃34;观点＆＃34;夹。我想导入我的本地css文件＆＃34; css＆＃34;夹。我试着像这样调用文件

<link href="css/main.css">

或

<link href="../css/main.css">

但它没有用。有没有具体的方法来获得它们？

感谢

Answer 1

我认为您应该使用express的服务静态文件，如其API中所述：https://expressjs.com/en/starter/static-files.html

Answer 2

如果我正确理解了问题，您似乎没有为静态文件设置文件夹。例如：

app.use(express.static(path.join(__dirname, 'static')));

你做完之后应该开始在那里寻找css。例如 static/css/main.css可与<link href="css/main.css">

一起使用

Answer 3

将您的css文件夹放在视图文件夹

中

var express = require('express')
var app = express();
var router = express.Router();
var path = __dirname + '/views/';
app.use(express.static(path.join(__dirname, 'views')));


router.get("/",function(req,res){
 res.sendFile("index.html");
});

app.use("/",router);

app.use("*",function(req,res){
 res.sendFile("index.html");
});

app.listen(8080,function(){
 console.log("Live at Port 8080");
});

节点js。我如何从html调用本地文件

3 个答案: