React解决axios跨域问题

在React中,axios是ajax的再次封装,所以,axios具有同源策略的特点,不能跨域请求数据,如果想跨域请求数据,需要设置跨域代理,方法如下

  1.需要在src一级目录下面 创建 setupProxy.js文件

  2.下载模块 npm i [email protected] --save

  3.在setupProxy.js中书写固定跨域代码

React解决axios跨域问题_第1张图片

  4.在使用该接口的地方,通过/api代理将要跨域的域名

React解决axios跨域问题_第2张图片

 

5.重新启动服务器 npm run start

你可能感兴趣的:(react.js,javascript,前端)