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": "", // 代理名称
            },
        })
    );
};

重启项目即可

相关推荐
宁雨桥2 分钟前
深入理解 async/await的原理
前端·javascript·es8
编程自留地9 分钟前
项目sql语句
前端·数据库·sql
WaywardOne26 分钟前
一.iOS Objective-C Runtime 原理
前端·ios
心连欣26 分钟前
轮播图实战:用Web API玩转元素属性操作
前端·javascript·api
张可爱30 分钟前
Git 提示nothing to commit, working tree clean
前端
WaywardOne30 分钟前
二.iOS内存管理
前端·ios·面试
剑神一笑1 小时前
从 JSON.parse 到树形视图:实现一个在线 JSON 格式化工具
前端·javascript·json
淸湫1 小时前
JavaScript常用正则表达式大全
前端·javascript
脱缰胖虎1 小时前
vue3+lodash+ts+tailwin 实现多行文本的展开收起代码(支持渲染html)
前端·vue.js
知了清语1 小时前
我是怎么用 GPT-5.5 分析一个陌生项目源码的
前端