直接返回html页面

目录结构
css: css/style.css
js: js/jquery-latest.min.js
main.js

main.js:
var express = require('express');
var app = express();
var swig = require('swig');
console.log(swig)

app.get('/map.html',function (req,res) {            //  /map.html表示在地址栏输入http://localhost:4000/map.html的意思,然后返回html文件夹下的map.html文件显示
    res.sendFile(__dirname + "/html/map.html");
})

app.get('/css/style.css',function (req,res) {
    res.sendFile(__dirname + "/css/style.css");   //如果加载不出css、js,需要res.setHeader设置content-type
})
app.get('/js/screen-adapter.js',function (req,res) {
    res.sendFile(__dirname + "/js/screen-adapter.js");
})
app.get('/js/jquery-latest.min.js',function (req,res) {
    res.sendFile(__dirname + "/js/jquery-latest.min.js");
})


app.listen(4000,function () {
    console.log("连接上了")
})


方法二:把静态文件放在同一个目录下  html页面引入的文路径改下
var express = require('express');
var app = express();
var swig = require('swig');

app.use('/public',express.static(__dirname + '/public'));
app.get('/map.html',function (req,res) {            //  /map.html表示在地址栏输入http://localhost:4000/map.html的意思,然后返回html文件夹下的map.html文件显示
    res.sendFile(__dirname + "/html/map.html");
   // res.render('views/map.html');
})
app.listen(4000,function () {
    console.log("连接上了")
})













你可能感兴趣的:(直接返回html页面)