React中配置跨域

在package.json中配置代码可以实现跨域

1、确保你自己已经使用 npm run eject 命令,这个是生成本地webpack配置文件

2、package.json中配置如下代码

"proxy": {
    "/*": {
        "secure": false,//若是https可以添加,也可以不添加,不添加也行
        "target": "https://api.douban.com",//请求接口地址
        "changeOrigin": true
    }
}



配置多个跨域
"proxy": {
    "/v2": {
        "secure": false,
        "target": "https://api.douban.com",
        "changeOrigin": true
    },
    "/cloudmusic": {
        "secure": false,
        "target": "https://api.imjad.cn",
        "changeOrigin": true
    }
}

实际请求地址是:/v2/movie/、/cloudmusic/?type=song&id=

配置成功了,但是请求失败,在axios中设置baseURL,需要设置本机的地址(项目的启动地址),例如:http://localhost:9999

3、若使用axios,需要设置baseURL为本地地址,例如http://localhost:9999

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值