react跨域安装Http-proxy-middleware报错：proxy is not a function

最新推荐文章于 2023-02-08 23:55:58 发布
最新推荐文章于 2023-02-08 23:55:58 发布
阅读量838 收藏 1
点赞数 2
分类专栏： 【 踩过的坑 】
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/anyaoqi/article/details/107361087
版权

react跨域安装Http-proxy-middleware报错：proxy is not a function

查看了http-proxy-middleware的官方文档，发现最新的1.0.0版本已经对模块的引用作了明确的要求

0.x.x版本的引用方式

const proxy = require('http-proxy-middleware');

1.0.0版本的引用方式

const { createProxyMiddleware } = require('http-proxy-middleware');
web前端小学生
关注
专栏目录
React中用http-proxy-middleware配置代理时报错:proxy is not a function
weixin_56202404的博客
04-02 1336
React中用http-proxy-middleware配置代理时报错:proxy is not a function 在配置代理的时候遇到proxy is not a function这个错误 代码是这样的 这个时候就要去查看你的http-proxy-middleware的版本如果是1.x以上的版本就是配置的问题 先说一个React中的配置代理的方式 1.在package.json文件夹中直接配置"proxy": "http://localhost:5000" 这个配置表示当你请求这个服务器的时候会
React使用 http-proxy-middleware 插件代理跨域
liaorihua的博客
12-29 2619
React使用 http-proxy-middleware 插件代理跨域
http-proxy-middleware报错“proxy is not a function“
DxCaesar的博客
11-09 989
http-proxy-middleware报错"proxy is not a function" 近期重新搭建了一个react脚手架项目，因为是前后端分离开发的，所以前后端的交互因为端口不同而产生跨域，过去通常是使用配置http-proxy-middleware中间间来处理跨域，在src目录下新建setupProxy.js文件，并写入以下代码，即可实现跨域： const proxy = require('http-proxy-middleware') module.exports = function (
Http-proxy-middleware安装报错：proxy is not a function
热门推荐
balics的博客
02-24 1万+
Create-react-app建的项目，需要访问多个跨域接口，按照CRA的官方文档安装了http-proxy-middleware后，进行了下面的配置： const proxy = require('http-proxy-middleware'); module.exports = function(app) { app.use( '/org', proxy({ ...
用http-proxy-middleware配置代理时报错:proxy is not a function
故里的博客
08-04 536
react项目中，安装http-proxy-middleware来配置反向代理启动时，项目报错proxy is not a function。 1.报错文件setupProxy.js（http-proxy-middleware安装后需要在src根目录下新建setupProxy.js），配置如下 const proxy= require('http-proxy-middleware');//报错源 module.exports = function(app) { app.use( proxy.
react跨域http-proxy-middleware配置完接口访问报404
01-03
在使用http-proxy-middleware的过程中，使用app.use()配置完代理后，发送请求报404。原因是虽然开启了代理，但是请求的url里多了一个/api/，这时我们需要把多余的/api/去掉，需要使用pathRewrite参数，把/api/设置成...
最新React使用 http-proxy-middleware解决多跨域问题(完美篇)
weixin_38399962的博客
07-10 1万+
1. 安装 http-proxy-middleware npm install http-proxy-middleware #顺便安装一下 axios ，不用也可以，用fetch也一样。 npm install axios 2. src目录下创建一个 setupProxy.js文件 里面的'api'代表target的域名url代理后的url const { createProxyMiddleware } = require('http-proxy-middleware'); module.exp
【重点突破】—— react使用http-proxy-middleware反向代理跨域
柳柳66的博客
02-03 2570
create-react-app脚手架低于2.0版本时候，可以使用对象类型 "proxy": { "/api": { "target": "http://localhost:5000", "changeOrigin": true } } 最新的create-react-app脚手架2.0版本以上只能配置string类型 "proxy": "h...
Http-proxy-middleware 报错：proxy is not a function
热爱思考、活力满满、开朗爱笑的年轻人
05-10 1862
Http-proxy-middleware 报错：proxy is not a function问题重现解决办法参考文档 问题重现 在使用 http-proxy-middleware 做接口代理的时候， //引入跨域中间件 let proxy = require('http-proxy-middleware'); //这里要注意"^/" 是匹配的路由,它会将匹配的路由进行转发，没匹配到的就不会转发。 app.use('/api', proxy({ //目标后端服务地址 target: 'htt
【React】使用 http-proxy-middleware 解决跨域问题
hazelnut_x的博客
08-29 1638
1. 安装 http-proxy-middleware yarn add http-proxy-middleware 或 npm i http-proxy-middleware 2. 创建 setupProxy.js 文件 在 src 中新建一个名为 setupProxy.js 的文件 3. 编辑 setupProxy.js 文件 const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = f
React中使用http-proxy-middleware跨域
marko_zheng的博客
12-18 1246
React中使用http-proxy-middleware跨域 基于create-react-app 和axios 在create-react-app 2.0 之前，可以通过在package中添加proxy 来实现，如下 package,.json "proxy": "http://0.0.2.89:300" 2.0之后官方推荐使用http-proxy-middleware 具体用法如下 在sr...
Http-proxy-middleware安装报错proxy is not a function
Whoopsina的博客
06-24 571
CRA创建的项目中使用Http-proxy-middleware，首次安装无报错，重新运行时报proxy is not a function错； 问题所在： 因为下载的最新版本的Http-proxy-middleware，引入的方式发生改变 解决办法： 我们在src/setupProxy.js文件中修改如下 参考资料...
react网络请求 使用http-proxy-middleware配置路由转发 fetch
weixin_49230250的博客
09-11 2063
一、网络请求 ajax、axios、fetch 1.配置代理 (1)直接修改package.json 在react项目的package.json中增加一个代理转发规则： "proxy":"http://域名:端口号" 重启项目 (2)使用http-proxy-middleware插件 安装 npm i http-proxy-middleware --save 在src目录下创建一个setupProxy.js【名字不能写错】，react会自动的加载这个文件 //引入中间件 const proxy = re
react使用http-proxy-middleware解决跨域
weixin_50760181的博客
11-29 535
安装 yarn add http-proxy-middleware 或 npm i http-proxy-middleware -D。
REACT-http-proxy-middleware反向代理解决跨域问题
limuzhixing的博客
02-08 218
REACT-http-proxy-middleware反向代理解决跨域问题
react项目中使用 http-proxy-middleware解决跨域问题
weixin_45439379的博客
11-21 587
react项目中使用 http-proxy-middleware解决跨域问题 文章目录react项目中使用 http-proxy-middleware解决跨域问题前言基础使用 前言 react项目中实现反向代理，解决跨域问题 基础使用 1.安装 npm install --save-dev http-proxy-middleware 2.创建文件 src下创建一个 setupProxy.js文件 ，文件名不能随意修改 3.引入并使用 const proxy = require('http-
react最新跨域方法之http-proxy-middleware
前端界的小学生
07-15 1571
react跨域 http-proxy-middleware 安装 http-proxy-middleware 模块 npm install http-proxy-middleware --save-dev 在 src 文件夹下 创建 setupProxy.js 文件 const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function (app) { app.use(
react 中使用http-proxy-middleware
最新发布
12-08
在React中使用http-proxy-middleware可以将请求转发给其他服务器，以下是使用http-proxy-middleware的步骤： 1.安装http-proxy-middleware ``` npm install --save-dev http-proxy-middleware ``` 2.在src同级目录创建setupProxy.js文件，代码如下： ```javascript const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function (app) { app.use(createProxyMiddleware('/api', { target: 'http://ip:8000/', // 将请求转发到的服务器地址 pathRewrite: { '^/api': '', // 将请求中的/api替换为空 }, changeOrigin: true, // 是否跨域 secure: false, // 是否验证证书 ws: true, // 启用websocket })); }; ``` 3.在React组件中使用转发后的请求，例如： ```javascript fetch('/api/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值