react 跨域的两种方法

第一种:

react简单解决跨域可以直接在 package.json 中添加 proxy 属性

第二种:

安装依赖

javascript 复制代码
npm install http-proxy-middleware

在 src 目录下新建 setupProxy.js

javascript 复制代码
const { createProxyMiddleware } = require("http-proxy-middleware");
module.exports = function (app) {
    app.use(
        "/api",
        createProxyMiddleware({
            target: "http://localhost:3000", // 后台服务地址以及端口号
            changeOrigin: true, // 是否开启代理
            pathRewrite: {
                "/api": "", // 代理名称
            },
        })
    );
};

重启项目即可

相关推荐
吃杠碰小鸡4 分钟前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone10 分钟前
C#使用Aspose.Words把 word转成图片
前端·c#·word
xjt_090129 分钟前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农41 分钟前
Vue 2.3
前端·javascript·vue.js
夜郎king1 小时前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
辰风沐阳1 小时前
JavaScript 的宏任务和微任务
javascript
夏幻灵2 小时前
HTML5里最常用的十大标签
前端·html·html5
冰暮流星2 小时前
javascript之二重循环练习
开发语言·javascript·数据库
Mr Xu_2 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
未来龙皇小蓝2 小时前
RBAC前端架构-01:项目初始化
前端·架构