nuxtjs中后端设置了set-cookie,并且设置了Access-Control-Allow-Credentials: true和"Access-Control-Allow-Origin"为请求来源的域名,但是客户端里有感叹号是什么
时间: 2023-05-21 12:05:17 浏览: 317
可能是由于浏览器对于跨域访问的限制导致的。浏览器会限制客户端(前端)访问跨域的响应内容,如 cookie、localStorage 等,除非服务器返回的响应头中包含 "Access-Control-Allow-Credentials: true" 并且请求来源的域名在响应头中包含 "Access-Control-Allow-Origin"。你可以查看浏览器的控制台来获取更多信息。
相关问题
nuxtjs中后端设置了set-cookie,并且设置了Access-Control-Allow-Credentials: true.,但是客户端里有感叹号是什么
意思?
这可能是由于浏览器的安全策略导致的,浏览器会阻止第三方cookie的跨域请求以保护用户的安全,如果你想设置跨域cookie,需要在响应头中设置"Access-Control-Allow-Origin"为请求来源的域名。
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE"); response.setHeader("Access-Control-Max-Age", "3600"); response.setHeader("Access-Control-Allow-Credentials", "true"); response.setHeader("Access-Control-Allow-Headers", "x-requested-with,request-source,Token, Origin,imgType, Content-Type, cache-control,postman-token,Cookie, Accept,authorization"); response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
这段代码是在Java Web中设置跨域请求的响应头信息。具体来说,它设置了以下几个响应头:
1. Access-Control-Allow-Methods:表示允许的跨域请求方法,包括POST、GET、OPTIONS和DELETE方法。
2. Access-Control-Max-Age:表示预检请求(Preflight Request)的结果(即Access-Control-Allow-Headers和Access-Control-Allow-Methods)可以被缓存的时间,单位为秒。
3. Access-Control-Allow-Credentials:表示是否允许发送Cookie等身份凭证信息。
4. Access-Control-Allow-Headers:表示允许的请求头信息,包括x-requested-with、request-source、Token、Origin、imgType、Content-Type、cache-control、postman-token、Cookie、Accept和authorization等。
5. Access-Control-Allow-Origin:表示允许跨域请求的来源,即客户端的域名。这里使用了request.getHeader("Origin")的方式获取请求中的Origin头信息,然后将其设置到响应头中。
阅读全文