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

【问题标题】：node js. how do i call local file from html节点js。我如何从html调用本地文件
【发布时间】：2018-05-20 06:30:55
【问题描述】：

我有这个文件来运行 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");
});

我在“views”文件夹中有“index.html”。我想在“css”文件夹中导入我的本地 css 文件。我试图这样调用文件

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

或

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

但它没有工作。有没有具体的获取方法？

谢谢

【问题讨论】：

标签： javascript html css node.js express

【解决方案1】：

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

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

制作完成后，它应该开始在其中查找 css。例如 static/css/main.css可以和<link href="css/main.css">一起使用

【讨论】：

我解决了这个问题，但我必须将 rel="stylesheet" 放在链接中。感谢您的帮助

【解决方案2】：

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

【讨论】：

【解决方案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");
});

【讨论】：