react怎样实现跨域

react中使用axios调用天气api接口，这个跨域设置应该怎么弄？ 求源码

具体做法安装代理中间件。
 

1 npm install http-proxy-middleware --save 

2 在src目录下新建一个setupProxy.js文件，写如下代码：

const { createProxyMiddleware } = require('http-proxy-middleware')

module.exports = function(app) {
    app.use(createProxyMiddleware('/api/sliderApi',
        {
            target: "你需要访问的链接",
            changeOrigin:true,
            pathRewrite: {
                "^/api": "/"
            },
            "secure":true     //如果访问的是https类的链接，就需要设置为true
        }))
}

参考一下：https://segmentfault.com/q/1010000012732581

跨域设置是在后台设置的，跟前台无关。

public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowCredentials(true)
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS", "HEAD")
                .maxAge(3600);
    }

前端可以使用代理解决跨域，可以配置下服务器

设置代理

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632