JS跨域解决方案react配置反向代理
跨域解决方案
jsonp(模拟get)
CORS(跨域资源共享)
代理
iframe
postMessage
window.name
WebSocket
react的代理实现跨域
在配置在src/setupProxy.js文件,并通过npm安装http-proxy-middleware,代理中间件模块
创建 src/setupProxy.js
【JS跨域解决方案react配置反向代理】安装模块
npm i -S http-proxy-middleware
文章图片
文章图片
const {createProxyMiddleware: proxy} = require('http-proxy-middleware')module.exports = app => {app.use('/api', proxy({target: 'http://localhost',changeOrigin: true,pathRewrite: {'^/api': ''}}))}
文章图片
文章图片
文章图片
以上就是JS跨域解决方案react配置反向代理的详细内容,更多关于react配置反向代理的资料请关注脚本之家其它相关文章!
推荐阅读
- 考研英语阅读终极解决方案——阅读理解如何巧拿高分
- Spark|Spark 数据倾斜及其解决方案
- react|react 安装
- React.js学习笔记(17)|React.js学习笔记(17) Mobx
- 小版隧道镜子解决方案
- React.js的表单(六)
- 【React|【React Native填坑之旅】从源码角度看JavaModule注册及重载陷阱
- react-navigation|react-navigation 动态修改 tabBar 样式
- 第三天-过拟合欠拟合及其解决方案|第三天-过拟合欠拟合及其解决方案,梯度消失梯度爆炸,
- Flutter|Flutter SwiftUI React 对比