React create-react-app跨域解決方案
阿新 • • 發佈:2021-02-07
方案一:配置proxy
- 彈射出react詳細配置
yarn eject
- 修改
config\webpackDevServer.config.js
proxy: {
"/api": {
target: "http://localhost:3000",
changeOrigin: true,
// pathRewrite: {
// "^/api": ""
// }
}
},
方案二:http-proxy-middleware
- yarn add http-proxy-middleware -S
- 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": "" // } }) ) }