express 搭建前端服务器（放弃IIS和nginx吧！！麻烦）

首先装个express

cnpm i express -g

这里直接用cnpm，快一些，如果没有，可以直接用npm

 

新建一个文件夹，文件夹下新建index.js，和public文件夹用于存放资源代码，如图

 

 

在index.js中粘贴以下代码

const express = require('express');
const path = require('path');
const fs = require('fs');

const app = express();


app.listen(8080, () => {
    console.log('本地服务启动成功')
});
app.get('*', handler);

async function handler(req, res) {
    // 读取public下面的资源
    const filename = path.resolve(__dirname, "public" + req.path);
    
    try {
        const stat = await fs.promises.stat(filename);

        // 判断请求的是否是文件
        if (stat.isFile()) {
            const content = await fs.promises.readFile(filename),
                extname = path.extname(filename); // 获取文件扩展名

            res.type(extname);
            res.send(content); // x响应数据
        } else {
            console.log("不考虑这种情况");
        }
    } catch {
        res.status(404);
        res.send("资源不存在");
    }
}

 

 

打开vscode终端，输入node index，然后回车

 

 

打开浏览器，输入http://localhost:8080/index.html，即可访问