首页 > 其他分享 >解决非同源跨域不带cookie问题(原生、axios、fetch写法)

解决非同源跨域不带cookie问题(原生、axios、fetch写法)

时间:2023-07-24 17:11:23浏览次数:36  
标签:axios 跨域 fetch xhr api cookie 写法 response

原生js写法

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://localhost:7001/api/userinfo', true);
xhr.withCredentials = true; // 开启withCredentials
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.log("请求登录状态",xhr.responseText);
    }
};

 

 xhr.send();

 

axios写法
axios({
method: 'get',
url: 'http://localhost:7001/api/userinfo',
withCredentials: true, // 跨域请求时发送Cookie
})
.then(function (response) {
    console.log("请求登录状态",response);
});
fetch写法:(fetch要使用credentials)
fetch('http://localhost:7001/api/userinfo',{
    method: 'GET',
    credentials:"include"
}).then((response)=>response.json(),(error)=>{
//处理错误
}).then(json=>{
    console.log("请求登录状态",json);
})

 

标签:axios,跨域,fetch,xhr,api,cookie,写法,response
From: https://www.cnblogs.com/fhysy/p/17577756.html

相关文章

  • Cookie的使用
    属性:键值对位置:响应头返回 使用: ......
  • java 爬虫模拟登陆 拿到cookies
    实现Java爬虫模拟登录获取Cookies概述在这篇文章中,我将教你如何使用Java编程语言实现爬虫模拟登录并获取Cookies。爬虫模拟登录是一种常见的网络爬虫技术,它可以模拟用户登录网站,获取登录后才能访问的资源。流程概览下面是整个模拟登录获取Cookies的流程概览:步骤描述......
  • java 清除cookie
    Java清除Cookie在Web开发中,Cookie是一种存储在客户端浏览器中的小文本文件,用于存储用户的会话信息或其他需要跨页面或跨域名保持的数据。有时候,我们可能需要在Java中清除这些Cookie。本文将介绍如何在Java中清除Cookie,并提供相关代码示例。什么是Cookie?Cookie是一......
  • 爬虫----request中的cookies参数
    importrequests#url='https://www.baidu.com/s?wd=python'url='https://home.cnblogs.com/u/dddzy/'#kw={'wd':'python'}headers={'User-Agent':'Mozilla/5.0(WindowsNT10.0;WOW64)AppleWebKit......
  • 实现chrome谷歌浏览器多开(独立环境 独立cookie)
    由于各种各样的原因,你可能需要在一个电脑登录某个平台,比如一个电脑登录3个公众号,或者3个知乎等等。最简单的方案是,直接安装3个不同的浏览器,比如一个谷歌浏览器,一个火狐浏览器,一个Edge浏览器。这个方案也能解决,但如果想多开10个呢?安装10个不同的浏览器也能解决,但感觉这样比较......
  • 【补充】Django框架之IFrame中的跨域问题
    【一】iframe中的跨域问题详解在网页开发中浏览器会应用跨域安全策略,限制不同域名之间的交互。跨域问题指的是如果一个网页的脚本尝试访问另一个域名下的资源或与其通信时,浏览器会拒绝这样的请求。其中,使用<iframe>标签嵌套其他网页是一种常见的前端技术。然而,由于<i......
  • 第六节:Nginx常用案例(反盗链、限速、黑名单、跨域等等)
     三.常用场景1. 防盗链直接输入地址,没有referer字段,所以匹配了后面的none或blocked,不跳转。通过搜索引擎打开的含有referer字段,走后面的匹配规则。 none代表没有refererblocked代表有referer,但是被防火墙或代理给去除了。配置如下:worker_processes1;even......
  • vue2 使用axios
    如何在Vue2中使用Axios简介在Vue2中使用Axios是一种常见的方法来处理网络请求。Axios是一个基于Promise的HTTP客户端,可以用于浏览器和Node.js。它提供了一种简单和直观的方法来发送HTTP请求,并处理响应。这篇文章将指导你如何在Vue2中使用Axios来进行网络请求。步骤下面是使用A......
  • 踩坑记录,axios post方法请求参数出现在地址栏的问题
    某天使用axios做post请求接口突然不好使了,总是调不通,并且参数都是出现在访问地址后,如图: 找了半天,原来是调用api的时候,参数使用错误:由于post 请求接收params参数和data参数,这里是cv上面get请求的方法,只修改method为post,下面的params忘记改成data了!,导致axios拿到params后直接......
  • 有cookie的情况下爬虫如何运行
    importrequestsimportreimporttimeimporthashlibimportthreadingimportjsonfromlxmlimportetreefrompymysql.convertersimportescape_stringfromfake_useragentimportUserAgentfrommylib.moduleimport*headers={'user-agent':......