react反向代理

http-proxy-middleware

使用npm安装

npm i -D http-proxy-middleware

文档

点击查看

关键代码

js 复制代码
const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(
    '/api',	// api开头的地址的请求
    createProxyMiddleware({
      target: 'http://localhost:5000',	// 发向何处
      changeOrigin: true,
    })
  );
};

例如一个请求: http://localhost:5000/api/getPictures

则发送时使用: /api/getPictures

会被上面的'/api'给检索到,则将/api.getPictures拼接http://localhost:5000然后发出。

相关推荐
花花鱼6 分钟前
vue3 基于element-plus进行的一个可拖动改变导航与内容区域大小的简单方法
前端·javascript·elementui
k093310 分钟前
sourceTree回滚版本到某次提交
开发语言·前端·javascript
EricWang135831 分钟前
[OS] 项目三-2-proc.c: exit(int status)
服务器·c语言·前端
September_ning31 分钟前
React.lazy() 懒加载
前端·react.js·前端框架
晴天飛 雪41 分钟前
React 守卫路由
前端框架·reactjs
web行路人41 分钟前
React中类组件和函数组件的理解和区别
前端·javascript·react.js·前端框架
番茄小酱00142 分钟前
Expo|ReactNative 中实现扫描二维码功能
javascript·react native·react.js
超雄代码狂1 小时前
ajax关于axios库的运用小案例
前端·javascript·ajax
长弓三石1 小时前
鸿蒙网络编程系列44-仓颉版HttpRequest上传文件示例
前端·网络·华为·harmonyos·鸿蒙
小马哥编程1 小时前
【前端基础】CSS基础
前端·css