react中本地开发跨域如何处理

安装http-proxy-middleware

yarn add http-proxy-middleware --save

在scr目录下面创建setupProxy.js文件，文件内容如下

const {createProxyMiddleware} = require('http-proxy-middleware')
module.exports = function (app) {
    app.use(
        createProxyMiddleware(
        '/xxx',
        {
            target: 'xxxx',// 此处为接口域名
            changeOrigin: true
        })
    )
}

第一天还可以正常访问，到第二天访问突然报错：

react Error occurred while proxying request localhost:3000/api/getList to https:/xxxx.cn/ [CERT_HAS_EXPIRED] (https://nodejs.org/api/errors.html#errors_common_system_errors)

解决方案：加上secure属性并设置为false

正确代码如下：

const {createProxyMiddleware} = require('http-proxy-middleware')
module.exports = function (app) {
    app.use(
        createProxyMiddleware(
            '/api',{
            target: 'https://v.api.aa1.cn',
            secure:false,
            changeOrigin: true
        })
    )
}

option.secure: true/false, if you want to verify the SSL Certs

关于http-proxy-middleware 包的其他属性介绍请参考：

https://gitcode.net/mirrors/chimurai/http-proxy-middleware?utm_source=csdn_github_accelerator