React+fetch通过修改配置文件解决跨域问题

最新推荐文章于 2024-07-29 10:57:56 发布

瑞晟技术服务中心-耿瑞

最新推荐文章于 2024-07-29 10:57:56 发布

阅读量517

点赞数 1

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45966674/article/details/127456554

版权

fetch("http://tingapi.ting.baidu.com/v1/restserver/ting?method=baidu.ting.billboard.billList&type=1&size=10&offset=0", {
}).then(res => res.json())
 .then(res => {
     console.log(res);
 });

这是一个会发生跨域的请求地址

我们可以通过修改配置文件解决跨域

我们找到项目的package.json
在最下面添加一个配置

"proxy": "http://tingapi.ting.baidu.com"

在这里插入图片描述

这个地址不要直接复制哦这个配置的是你要请求的域名

因为域名我们已经在配置文件中配置过了 http://tingapi.ting.baidu.com 就直接调下面的接口就行了
不需要再写域名了但是修改了配置文件需要重启才能生效

fetch("/v1/restserver/ting?method=baidu.ting.billboard.billList&type=1&size=10&offset=0", {
}).then(res => res.json())
 .then(res => {
     console.log(res);
 });