cookies可以跨域了~单点登陆(a.com.cn与b.com.cn可以共享cookies)

如果您的a.com.cn站点需要与b.com.cn站点共享cookies,一般满足这种要求的系统是为了做单点登陆的,现在我来讲一下实现方法:

a.com.cn登陆后,写cookies,在b.com.cn里,登陆状态为已经登陆,即它们的cookies可以共享

在a.com.cn站里写cookies的同时,调用b.com.cn里的写cookies的方法,代码如下

<script type="text/javascript">
        function CategoryRedirect(id, url) {
            location.href = "/Help/CategoryRedirect?id="+id+"&url="+url;
        }
    </script>

controller代码文件:
        [HttpGet]
        /// <summary>
        /// 需要跨域读取,写COOKIES(跨域有问题)
        /// </summary>
        /// <param name="id"></param>
        /// <returns></returns>
        public ActionResult CategoryRedirect()
        {
            this.ControllerContext.HttpContext.Response.AddHeader("cache-control", "no-cache");
            VCommons.Http.CookieHelper.Remove("CategoryID");
            VCommons.Http.CookieHelper.Write("CategoryID", Request["id"]);
            ViewData["id"] = Request["id"];
            ViewData["url"] = Request["url"];
            return View();
        }

VIEW文件

   <script language="javascript">
        window.onload = function() {
            location.href = '<%=ViewData["url"] %>';
        }
    </script>
 
    <div>
        <iframe src='http://b.com.cn/setcookies.aspx?id=<%=ViewData["id"] %>' style="display:none"></iframe>
    </div>

这样每页a.com.cn写COOKIES时,都调用了一个b.com.cn的写COOKIES的方法,达到的效果就是在b.com.cn里可以读到这个cookies。

同理如果b.com.cn要写的cookies在a.com.cn里共享的话,再用相同的方法做一次就可以了

b.com.cn里的设置cookies代码如下:

setcookies.aspx

  public partial class setcookies : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            HttpContext.Current.Response.AddHeader("p3p", "CP=CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR");
            VCommons.Http.CookieHelper.Remove("CategoryID");
            HttpCookie cookie = new HttpCookie("CategoryID", Request["id"]);
            cookie.Domain = "c2cedu.com";
            HttpContext.Current.Response.AppendCookie(cookie);
 
        }
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在传统的前后端分离架构中,由于同源策略的限制,即只有在同一域名下的前端页面才能直接访问该域名下的后端接口,导致跨域请求www.baidu.com在客户端页面中是不被允许的。 然而,通过使用Axios库,可以在某种程度上解决跨域问题。Axios是一个基于Promise的HTTP客户端,可以向服务端发送HTTP请求。以下是使用Axios实现跨域访问www.baidu.com的步骤: 首先,在前端项目中安装Axios库,并通过import/require引入。 然后,在代码中创建一个Axios实例,并配置相应的请求头和其他参数。例: ``` import axios from 'axios'; const instance = axios.create({ baseURL: 'https://www.baidu.com', headers: { 'Content-Type': 'application/json', }, withCredentials: true, }); ``` 上述代码中,使用`create`方法创建了一个Axios实例`instance`。指定了请求的基础URL为`https://www.baidu.com`,请求头中的`Content-Type`为`application/json`,并将`withCredentials`设置为`true`,以允许发送跨域请求时携带cookie。 最后,通过该axios实例发送HTTP请求,获取到百度的响应数据。例: ``` instance.get('/') .then((response) => { console.log(response.data); }) .catch((error) => { console.log(error); }); ``` 通过调用`get`方法,并传入请求的相对URL('/'),可以发送对`https://www.baidu.com`的GET请求。响应数据可通过`response.data`获取。 需要注意的是,由于百度可能对请求进行了一些限制,以上仅介绍了通过Axios发送跨域请求的基本方法,实际情况可能会更加复杂。同时,跨域请求可能涉及到浏览器的安全机制,因此要确保服务器端也进行了相应的配置,来允许Axios发送跨域请求。 ### 回答2: 要实现Axios跨域访问www.baidu.com,我们可以使用以下方法: 1. 使用CORS(跨源资源共享):CORS是一种浏览器技术,通过在服务器端设置响应头部来允许跨域请求。在Axios中,我们可以在请求中添加`{withCredentials: true}`来允许携带跨域请求中的凭据。同时,服务器端需要设置正确的响应头部,例如`Access-Control-Allow-Origin`来指定允许的源,并且可能还需要设置其他CORS相关的响应头部。 2. 代理服务器:代理服务器是一种中间服务器,用于转发客户端和目标服务器之间的请求和响应。我们可以设置一个代理服务器,将Axios请求发送到代理服务器,再由代理服务器将请求转发到www.baidu.com。这种方法可以通过绕过浏览器的同源策略来实现跨域访问。 3. JSONP(JSON with Padding):JSONP是一种跨域请求技术,它通过动态创建```<script>```标签来实现。在Axios中,我们可以使用```script```标签的方式发送请求,然后在响应中解析返回的JavaScript代码。然而,需要注意的是,JSONP只支持GET请求,并且需要目标服务器支持JSONP格式的响应。 无论使用哪种方法,我们需要确保在Axios请求中使用正确的URL,并正确处理跨域请求所需的相关设置,以确保成功跨域访问www.baidu.com。 ### 回答3: Axios本身是一个基于Promise的HTTP客户端,它可以被用于在浏览器和Node.js中发送异步请求。然而,由于浏览器的安全策略,直接通过Axios发送跨域请求是被限制的。 跨域访问www.baidu.com的问题在于浏览器实施了同源策略,它会限制在一个源的文档或脚本如何与不同源的资源进行交互。同源策略是为了保护用户的信息安全,防止恶意网站获取到其他网站的数据。 要实现通过Axios跨域访问www.baidu.com,我们可以使用代理服务器。代理服务器位于同源策略之外,可以帮助我们发送跨域请求并将响应返回给浏览器。 首先,我们需要在自己的服务器上设置一个API端点,用于请求www.baidu.com。然后,我们在客户端中使用Axios发送请求到这个API端点,然后服务器将收到的请求转发到www.baidu.com,并将响应返回给客户端。 下面是一个简单的实现: 1. 在服务器端创建一个API端点,用来转发请求: ```js app.get('/proxy', (req, res) => { const url = 'https://www.baidu.com' + req.url; axios.get(url) .then(response => { res.send(response.data); }) .catch(error => { res.status(500).send(error.message); }); }); ``` 2. 在客户端中使用Axios发送请求到该API端点: ```js axios.get('/proxy') .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); ``` 通过这种方式,我们就可以通过Axios实现跨域访问www.baidu.com了。需要注意的是,我们在服务器端进行了转发,因此我们应该确保自己的服务器是可靠的,以避免安全问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值