React create-react-app跨域解决方案

方案一:配置proxy

  1. 弹射出react详细配置 yarn eject
  2. 修改config\webpackDevServer.config.js
    proxy: {
      "/api": {
        target: "http://localhost:3000",
        changeOrigin: true,
        // pathRewrite: {
        //   "^/api": ""
        // }
      }
    },

方案二:http-proxy-middleware

  1. yarn add http-proxy-middleware -S
  2. src目录下新建文件setupProxy.js
const { createProxyMiddleware } = require("http-proxy-middleware");
module.exports = function (app) {
  app.use(
    createProxyMiddleware("/api", {
      target: "http://localhost:3000",
      changeOrigin: true,
      // pathRewrite: {
      //   "^/api": ""
      // }
    })
  )
}

React create-react-app跨域解决方案

上一篇:移动硬盘内容变成快捷方式处理


下一篇:Android Studio 之 Button(圆角,描边,按压效果,点击事件)