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然后发出。

相关推荐
伟笑12 分钟前
React 的常用钩子函数在Vue中是如何设计体现出来的。
前端·react.js
Sapphire~30 分钟前
重学前端003 --- CSS 颜色
前端·css
慧一居士31 分钟前
CSS和CSS3区别对比
前端·css3
我血条子呢31 分钟前
动态组件和插槽
前端·javascript·vue.js
中微子39 分钟前
RESTful架构与前后端路由演进:构建现代化Web应用的核心规范
前端
前端付豪39 分钟前
13、表格系统架构:列配置、嵌套数据、复杂交互
前端·javascript·架构
南屿im1 小时前
发布订阅模式和观察者模式傻傻分不清?一文搞懂两大设计模式
前端·javascript
I_have_a_lemon1 小时前
前端、产品、设计师神器推荐——Onlook
前端·cursor
前端小巷子1 小时前
深入解析CSRF攻击
前端·安全·面试
JustHappy1 小时前
SPA?MPA?有啥关系?有啥区别?聊一聊页面形态 or 路由模式
前端·javascript·架构