axios跨域带cookie

1、如果是同源则只需要加上“axios.defaults.withCredentials = true”这个属性就OK,如果不是所有接口都需要cookie则单独加上就可以,如下图:

这里get后面有三个参数,第一个为url,也就是你请求的地址,第二个位你需要传给后台的参数,第三个则为允许带cookie,记住要用大括号区分开

2、如果不同源

例:

    前端地址:192.168.0.108:8080

    服务器地址:192.168.0.102:8080

这个时候就需要设置代理了,具体是在config>index.js文件中dev下找到 “proxyTable” 这个属性:


这个地方简单理解就是用api这个字符串代替我需要请求的接口,也就是‘http:192.168.0.102:8080’,pathRewrite则是如果你的请求的接口有api带有api,怎可以删除掉这部分,例:api/login,否则这里理解就是用‘/’代替‘/api’

例如我现在请求登录接口login,

以前写是:

现在则是:

就这样了,改完后重启下项目就OK了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    他方l阅读 1,078评论 0 2
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    Yaoxue9阅读 1,325评论 0 6
  • 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实...
    HeroXin阅读 856评论 0 4
  • 一、什么是跨域 url的组成 JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。那什么是跨域呢...
    古城凌三少阅读 4,729评论 0 0
  • 珍惜年末的时光 与你相伴良宵 夜的美 唯有你我 伊人在伴 皆大欢喜 并非离别的冬季 温暖至极 有家的爱 致最幸福的你
    野鬼AS阅读 145评论 0 0