React项目跨域的问题,axios,解决你的跨域问题!!!

React项目跨域的问题

前端项目有时候请求数据会有跨域现象的出现,当然,最简单的办法就是让后端程序员去搞定,哈哈哈 (其实根本就不是办法)
React项目跨域问题困扰了我好几天,2020-05-01终于解决,劳动节不放假果然有惊喜~

直接来吧,react项目跨域问题的解决方案

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
        }))
}

3、通过axios访问数据:
注意访问时连接应该是:
在这里插入图片描述

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值