node使用express搭建服务web前端（服务数据）

最新推荐文章于 2025-05-27 17:46:08 发布

原创最新推荐文章于 2025-05-27 17:46:08 发布 · 911 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

node 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何使用Node.js和Express创建一个模拟接口，并处理跨域问题，重点讲解了两种方法：一是通过设置Access-Control-Allow-Origin头，二是利用CORS中间件实现。

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

用node搭建一个模拟接口数据方案
用的express，当然如果会mongodb配合着会更好。
首先：执行安装插件依赖：yarn add express 或者npm install --save express
启动之后可以使用nodemon 替换 node，就不用每次都重启了
npm install -g express nodemon
nodemon 是执行热加载更新的。

const express = require('express')
// express 需要全局安装一下.可以在git here 和cmd 下执行。
// 新建app
const app = express()
// app.get是执行get 请求。app.post是执行post请求
// app.use 使用模块
// res.send（返回的是文本） res.json（返回的是json）   res.sendfile(返回的是文件) 响应不同的内容。

app.get('/',function(req,res){
    res.send('<h1>hello express!</h1>')
})
app.get('/data',function(req,res){
    res.sendfile('./pem/index.json')
})

app.listen(9090,function(){
    console.log('node app start at port 9090')
})

这样前端调用的时候会产生跨域
在这里插入图片描述
解决跨域问题
第一种方法
一开始在服务端使用*还是没能解决问题

 res.header("Access-Control-Allow-Headers","*");

于是使用

Content-Type,Access-Token,Appid,Secret,Authorization

设置跨域访问
app.all("*",function(req,res,next){
  //设置允许跨域的域名，*代表允许任意域名跨域
  res.header("Access-Control-Allow-Origin","*");
  //允许的header类型
  res.header("Access-Control-Allow-Headers","Content-Type,Access-Token,Appid,Secret,Authorization");
  //跨域允许的请求方式 
  res.header("Access-Control-Allow-Methods","DELETE,PUT,POST,GET,OPTIONS");
  if (req.method.toLowerCase() == 'options')
    res.send(200);  //让options尝试请求快速结束
  else
    next();
})

第二种方法
npm i cors

const cors = require('cors')
app.use(cors())