关于axios跨域的问题

关于axios跨域的问题

axios.defaults.withCredentials = true

我知道axio是不直接跨域的,那么这个指令到底是使得axios可以跨域还是仅仅使得axios跨域时候可以带着cookie呢?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

4回答
好帮手慕久久 2020-09-02 09:35:09

同学你好,如果后端接口是允许跨域的,那对于前端而言,它和一个普通的get请求的接口是相似的,正常发送请求即可;通常情况下,后端会提供给我们接口文档,告诉我们这个接口是不是跨域的,它需要哪些参数,我们对应传参就可以了;比如这里,node作为后端,设置了允许跨域后,会告诉前端它需要跨域获取cookie,所以前端对应设置了“axios.defaults.withCredentials = true”,因此这个跨域过程,只需给axios设置“axios.defaults.withCredentials = true”就可以实现跨域了,同学记住这种情况就行了。

祝学习愉快!

好帮手慕久久 2020-09-01 16:20:43

同学你好,问题解答如下:

跨域常都是由后端进行处理的,他们的处理办法包含如下方式:“后端书写接口时,就设置其允许跨域请求,或者配置服务器,即配置反向代理”,即“跨域都是由后端进行处理的,比如后端提供的接口就允许跨域请求,或者后端配置服务器,即配置反向代理”这句话是告诉同学,跨域会由后端处理,以及他们常用的处理方式,此处同学大概了解一下即可。

我们这个项目中,采取的跨域方式是,后端使用koa2-cors插件允许前端跨域请求,即提供给我们的接口是允许跨域的:

http://img1.sycdn.imooc.com//climg/5f4e039b09a49e9e07820488.jpg

然后前端在axios中设置“跨域带 cookie”就可以了(后端要用cookie,所以设置一下),如下:

http://img1.sycdn.imooc.com//climg/5f4e03ab0916a90905540254.jpg

这两步结合就实现了跨域请求。

祝学习愉快!

  • 提问者 慕雪9296518 #1
    那我想要问问,如果是这样,axios没有提供jsonp的情况,就算后端允许跨域了,那前端怎么发送跨域请求呢???就拿这里的vue项目来说,axios不存在jsonp不是吗??那它怎么做跨域请求
    2020-09-01 21:50:10
好帮手慕久久 2020-09-01 12:07:52

同学你好,通常情况下,跨域都是由后端进行处理的,比如后端提供的接口就允许跨域请求,或者后端配置服务器,即配置反向代理。由于axios 没有提供jsonp等方法进行跨域访问数据,因此可以采用配置代理的方式尝试实现跨域,思路如下:

首先在main.js中配置服务器的前缀“axios.defaults.baseURL = '/api'  ”,然后在config文件夹下的index.js中配置转发,例如:

http://img1.sycdn.imooc.com//climg/5f4db99c09cd11f500000000.jpg

作为扩展内容,同学了解一下即可,实际开发中,遇到了,再实践即可。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

  • 提问者 慕雪9296518 #1
    通常情况下,跨域都是由后端进行处理的,比如后端提供的接口就允许跨域请求,或者后端配置服务器,即配置反向代理。这里的意思是什么???是不是指的是axios可以不设置,后端设置了koa2-cors就可以进行跨域了???是这个意思吗??那课堂中老师的前端我看到也是用axios,那他是怎么设置的可以跨域请求后端的数据 呢
    2020-09-01 14:37:01
好帮手慕久久 2020-09-01 09:43:47

同学你好,问题解答如下:

“axios.defaults.withCredentials = true”仅仅是使前端使用axios发送跨域请求时,可以携带cookie,不是让axios可以跨域。

祝学习愉快!

  • 提问者 慕雪9296518 #1
    那怎么才可以使得axios跨域
    2020-09-01 09:54:43
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

5. Node.js全栈开发
  • 参与学习           人
  • 解答问题       307    个

前端工程师会后端开发已是趋势。从node.js到koa2再到数据库知识。结合真实项目,从项目需求分析、接口和数据设计到业务开发,帮你打通前后端任督二脉,为就业加码。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师