http-proxy-middleware兼容https（Error occurred while proxying request xxxxx）；使用express实现反向代理；

闲鱼_JavaScript

已于 2023-05-19 13:37:51 修改

阅读量896

点赞数

分类专栏： express node 文章标签： express

于 2023-05-05 11:25:29 首次发布

本文链接：https://blog.csdn.net/weixin_47436633/article/details/130503151

版权

node 同时被 2 个专栏收录

5 篇文章 1 订阅

订阅专栏

express

1 篇文章 0 订阅

订阅专栏

兼容https

1.兼容https实现很简单：在配置项增加secure: false

实现

var { createProxyMiddleware: proxyMiddleWare } = require("http-proxy-middleware");

var proxyOption = {
  target: proxyPath,
  changeOrigoin: true,
  secure: false
};
var app = express();
['/api', '/goods'].forEach(item => {
  app.use(item, proxyMiddleWare(proxyOption))
});

使用express实现反向代理（必须有node环境）

下载依赖
（1）npm init -y
（2）npm i express http-proxy-middleware -S
修改服务启动方式（scripts中配置，使用 nodemon 启动，需全局下载 nodemon ，或者更改为 node 启动）/package.json

{
  "name": "express_back_end",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "nodemon ./app.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.18.2",
    "http-proxy-middleware": "^2.0.6"
  }
}

主入口/app.js

const express = require('express');
const path = require('path')
const config = require('./utils/config')
const { port, target } = config;
var { createProxyMiddleware: proxyMiddleWare } = require("http-proxy-middleware");

var proxyOption = {
  target,
  changeOrigoin: true,
  secure: false
};

const app = express();

// 静态资源
app.use(express.static(path.join(__dirname, 'public')));

// 需代理的路径
['/api', '/goods', '/user'].forEach(item => {
  console.log(proxyMiddleWare, 'proxyMiddleWare')
  app.use(item, proxyMiddleWare(proxyOption))
});
app.listen(port, () => {
  console.log(`\n\n服务启动于：http://localhost:${port}`)
});

设置静态资源目录/public/index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  hellow express
</body>
</html>

设置配置文件/utils/config.js

module.exports = {
  port: 3000,
  target: 'https://100.6.210.56:8210',
}

闲鱼_JavaScript

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
http-proxy-middleware兼容https（Error occurred while proxying request xxxxx）；使用express实现反向代理；

http-proxy-middleware兼容https;实现很简单：在配置项增加secure: false
复制链接

扫一扫

专栏目录