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

重启项目即可

相关推荐
倾墨12 小时前
Bytebot源码学习
前端
用户938169125536012 小时前
VUE3项目--集成Sass
前端
S***H28312 小时前
Vue语音识别案例
前端·vue.js·语音识别
啦啦91188613 小时前
【版本更新】Edge 浏览器 v142.0.3595.94 绿色增强版+官方安装包
前端·edge
蚂蚁集团数据体验技术13 小时前
一个可以补充 Mermaid 的可视化组件库 Infographic
前端·javascript·llm
LQW_home13 小时前
前端展示 接受springboot Flux数据demo
前端·css·css3
q***d17314 小时前
前端增强现实案例
前端·ar
IT_陈寒14 小时前
Vite 3.0 重磅升级:5个你必须掌握的优化技巧和实战应用
前端·人工智能·后端
JarvanMo14 小时前
Flutter 3.38 + Firebase:2025 年开发者必看的新变化
前端
Lethehong14 小时前
简历优化大师:基于React与AI技术的智能简历优化系统开发实践
前端·人工智能·react.js·kimi k2·蓝耘元生代·蓝耘maas