您现在的位置是:首页 > 正文

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

2024-01-30 20:06:22阅读 0

安装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

网站文章

  • 李超线段树

    李超线段树

    什么是李超线段树 先以一个问题引入: 在平面上有两种操作(强制在线): 插入一条表达式为 L : y = k*x+b 的直线,给出 k ,b 。 给出 t,求当前所有直线中与直线 x = t 交点的纵...

    2024-01-30 20:05:53
  • 数论题 (牛客网)

    [编程|1000分] 数码 时间限制:1秒 空间限制:32768K 题目描述 给定两个整数 l 和 r ,对于所有满足1 ≤ l ≤ x ≤ r ≤ 10^9 的 x ,把 x 的所有约数全部写下来。对于每个写下来的数,只保留最高位的那个数码。求1~9每个数码出现的次数。 输入描述: 一行,两个整数 l 和 r (1 ≤ l ≤ r ≤ 10^9)。 输出描述: 输出9行。

    2024-01-30 20:05:46
  • 正则表达式的与或非

    正则表达式的与或非

    转自: http://www.cnblogs.com/bvbook/archive/2010/11/03/1867775.html正则表达式的与或非我们都知道,写正则表达式有点像搭积木,复杂的功能总可以拆分开来,由不同的元素(也就是子表达式)对应,再用合适的关系将它们组合起来,就可以完成。在这一节,我们讲解常见的与或非关系的表达。与“与”是最简单的关

    2024-01-30 20:05:38
  • 网络安全——缓冲区溢出攻击

    网络安全——缓冲区溢出攻击

    什么是缓冲区?它是指程序运行期间,在内存中分配的一个连续的区域,用于保存包括字符数组在内的各种数据类型。所谓溢出,其实就是所填充的数据超出了原有的缓冲区边界,并非法占据了另一段内存区域。两者结合进来,所谓缓冲区溢出,就是由于填充数据越界而导致原有流程的改变,黑客借此精心构造填充数据,让程序转而执行特殊的代码,最终获取控制权。

    2024-01-30 20:05:33
  • 2022年腾讯首发Java岗分布式面试真题,助力金三银四我是认真的!

    2022年腾讯首发Java岗分布式面试真题,助力金三银四我是认真的!

    分布式分为分布式缓存(Redis)、分布式锁(Redis 或 Zookeeper)、分布式服务(Dubbo 或 SpringCloud)、分布式服务协调(Zookeeper)、分布式消息队列(Kafk...

    2024-01-30 20:05:04
  • 山西大学计算机专业国内排名,山西这所大学曾是国内排名前五,如今排名下滑,有点走下坡路了...

    山西大学计算机专业国内排名,山西这所大学曾是国内排名前五,如今排名下滑,有点走下坡路了...

    文/山西有不少大家熟知的大学,一共85所院校,其中34所本科院校,51所专科院校。我国的高校数量众多,达到了2900多所,快突破了3000所,不仅数量多,各大高校也都经过的多年的办学历程,才达到现在办...

    2024-01-30 20:04:57
  • html必要的结构标准,HTML_关于现代前端必要知识

    html必要的结构标准,HTML_关于现代前端必要知识

    由VS Code空.html文件打出html:5或!按下tab建后默认生成的.html基本框架代码说起我是title第一行: 很庆幸,如今我们只需要这么一个自闭合标签即可告诉浏览器,请使用html5的...

    2024-01-30 20:04:51
  • centos7 安装git_centos7搭建H1ve环境

    centos7 安装git_centos7搭建H1ve环境

    H1ve是一款开源的ctf平台,具备解题和攻防对抗模式,并且还有可视化战况界面.是个很不错的平台,我们今天来搭建一下,顺便解决一下搭建的各种问题.系统版本:centos7需要环境:dockerpython2 pipdocker-composemariadb开始搭建,先重新安装一个centos7的虚拟机.(mini最小化安装,安装过程不表).1.先安装docker依赖环境yum insta...

    2024-01-30 20:04:23
  • CSS中修改ul标签的样式

    在我们使用li标签的时候,ul样式经常会错乱 ul标签样式设置如下: ul { list-style: none; padding: 0px; margin: 0px; }

    2024-01-30 20:04:17
  • aop执行模版

    aop执行模版

    【代码】aop执行模版。

    2024-01-30 20:04:09