前端搭建自己的nodejs接口服务器，再也不用求后端！

CoderAaron

已于 2023-07-28 11:35:08 修改

阅读量229

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端服务器 node.js

于 2023-07-28 11:11:03 首次发布

本文链接：https://blog.youkuaiyun.com/qq_26969291/article/details/131976306

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何前端开发者可以搭建自己的Node.js接口服务器，不再依赖后端。步骤包括创建项目、安装Express和nodemon，设置静态文件目录以及实现跨域访问。同时，提供了GET和POST接口的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

啥也不说了，都在注释里了！


/** 前端搭建自己的nodejs接口服务器，再也不需要求后端了！
 * 
 * 1、新建一个node-server目录然后执行初始化命令：npm init
 * 2、安装 express：npm add express
 * 3、安装nodemon：npm add nodemon
 * 4、如果想放文件链接的话使用：app.use(express.static('img'))
 * 
 * ↓ 下方是示例代码 ↓
 */


//导入express
const express = require('express')
//创建web服务器
const app=express()
//设置跨域访问
app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Credentials", "true");
    res.header("Access-Control-Allow-Origin", req.headers.origin); 
    res.header("Access-Control-Allow-Headers", "X-Requested-With,Content-Type,token");
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    next();
  });
//get接口示例-需要什么数据data放json就好了
app.get('/api/list',(err,res)=>{
    res.send({
        code:200,
        //json字符串转对象
        data:JSON.parse('[{"name":1},{"name":2},{"name":3}]')
        //data:"[{name:1},{name:2},{name:3}]"
    })
})
//post接口示例
app.post('/api/list1',(err,res)=>{
    res.send({
        code:200,
        data:JSON.parse('[{"name":1},{"name":2},{"name":3}]')
        //data:[{name:1},{name:2},{name:3}]
    })
})
//在node-server目录下使用命令: npx nodemon app.js 启动服务器
app.listen(9588,()=>{
    console.log('服务器启动成功');
})