react 跨域的两种方法

第一种:

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

第二种:

        安装依赖

npm install http-proxy-middleware

在 src 目录下新建 setupProxy.js :

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

重启项目即可

你可能感兴趣的:(react.js,javascript,前端)