使用nodeJs的express+axios+cors做代理

使用nodeJs的express+axios+cors做代理

前端在请求后端时通常会遇到跨域cors问题,如果只在本地开发可以通过webpack或vite的proxy设置。但如果需要在线上或者其他地方绕过跨域,可以使用代理的方法。

1. 创建文件夹

并创建以下文件
package.json

js 复制代码
{
  "name": "proxy",
  "version": "1.0.0",
  "description": "",
  "main": "proxy.js",
  "scripts": {
    "start": "node index.js",
    "start:pm2": "pm2 start index.js --name your-app-name"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "axios": "^1.8.4",
    "cors": "^2.8.5",
    "express": "^3.5.3"
  }
}

index.js

js 复制代码
const express = require("express");
const axios = require("axios");
const cors = require("cors");

// 创建 Express 应用
const app = express();

// 使用中间件解析 JSON 和 URL 编码的请求体
app.use(express.json());
app.use(express.urlencoded({ extended: true }));

// 使用 CORS 中间件,允许跨域请求,并设置 credentials 为 true
app.use(
  cors({
    origin: function (origin, callback) {
      // 允许所有来源的请求
      callback(null, true);
    },
    credentials: true, // 允许携带凭证
  })
);

// 目标地址
const TARGET_URL = "https://www.baidu.com/apis";

// 代理路由
app.use("/apis", async (req, res) => {
  try {
    // 获取客户端请求的路径和查询参数
    const path = req.path;
    const queryParams = req.query;

    // 构造目标 URL
    const targetUrl = `${TARGET_URL}${path}`;

    // 转发请求到目标地址
    const response = await axios({
      method: req.method,
      url: targetUrl,
      params: queryParams,
      headers: {
        ...req.headers,
        host: new URL(TARGET_URL).host, // 替换 Host 头为目标地址的主机名
      },
      data: req.body, // 如果是 POST/PUT 请求,转发请求体
    });

    // 将目标服务器的响应返回给客户端
    res.status(response.status).send(response.data);
  } catch (error) {
    // 处理错误
    if (error.response) {
      // 如果目标服务器返回了错误响应
      res.status(error.response.status).send(error.response.data);
    } else {
      // 其他错误
      res.status(500).send({ error: "Proxy request failed" });
    }
  }
});

// 启动服务器
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`Proxy server is running on port ${PORT}`);
});

2. 执行npm i

3. 执行

提供node或PM2两种执行方式

  • npm run start
  • npm run start:pm2

之后所有访问 http://localhost:3000/apis的请求将被代理到https://www.baidu.com/apis;具体可以自行配置

4. 部署线上 node 方式

  1. 打开宝塔->软件商店->安装node.

  2. 创建一个文件夹,并将下面三个文件放上去

  3. 点击终端,执行npm i

  4. 创建一个node项目,配置启动命令和端口

    启动成功后访问宝塔IP:3000/apis将会被代理到https://www.baidu.com/apis

4. 部署线上 pm2 方式

  1. 打开宝塔->软件商店->PM2管理器
  2. 同上
  3. 同上
  4. 配置pm2

    启动成功后访问宝塔IP:3000/apis将会被代理到https://www.baidu.com/apis
相关推荐
水冗水孚14 天前
express使用node-schedule实现定时任务,比如定时清理文件夹中的文件写入日志功能
javascript·node.js·express
羽沢3114 天前
nodejs中Express框架的基本使用
express
gongzemin16 天前
前端根据文件流渲染 PDF 和 DOCX 文件
前端·vue.js·express
十月ooOO17 天前
Express.js 在 ts 模式下运行 npm run dev 的时候无法找到引入项的原因
javascript·npm·express
风清云淡_A17 天前
【mongoose8.x】mongoose8.x入门教程(二):express中mongoose的链接
express
水冗水孚20 天前
面试官:你是前端你了解oss吗?我反手写了一个react+express+minio实现oss文件存储功能
react.js·node.js·express
snpgroupcn21 天前
泰国零售巨头 CJ Express 借助 SAP 内存数据库实现高效数据管理
数据库·express·零售
水冗水孚22 天前
使用nodejs的express框架实现大文件上传的功能,附完整前后端github代码
javascript·node.js·express
程序猿小D23 天前
第29节 Node.js Query Strings
node.js·vim·express
程序猿小D24 天前
第24节 Node.js 连接 MongoDB
数据库·mongodb·npm·node.js·编辑器·vim·express