浏览器跨域请求
时间:2021-07-21
本文章向大家介绍浏览器跨域请求,主要包括浏览器跨域请求使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
介绍
post请求会先发一个option的预请求
解决方法
在网关使用filter 在响应返回之前 添加响应头
配置允许跨域请求
package com.luyi.gulimall.gateway.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web.cors.reactive.UrlBasedCorsConfigurationSource; import org.springframework.web.cors.reactive.CorsWebFilter; @Configuration public class GulimallCorsConfiguration { @Bean public CorsWebFilter corsWebFilter(){ UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource(); // 跨域的配置类 跨域的配置写在这个类 CorsConfiguration corsConfiguration=new CorsConfiguration(); // 配置跨域 // 允许哪些头 进行跨域 设置全部 corsConfiguration.addAllowedHeader("*"); // 允许哪些方法进行跨域 设置全部 corsConfiguration.addAllowedMethod("*"); // 允许哪些请求来源进行跨域 设置全部 corsConfiguration.addAllowedOrigin("*"); // 设置允许待Cookie的请求进行跨域 corsConfiguration.setAllowCredentials(true); urlBasedCorsConfigurationSource.registerCorsConfiguration("/**", corsConfiguration); return new CorsWebFilter(urlBasedCorsConfigurationSource); } }
现在发现发送了两个请求
第一个是option 预检请求 200了
响应头多了这几个字段
第二个是真实请求 带了请求数据
摘自:https://blog.csdn.net/weixin_43691773/article/details/110304955
原文地址:https://www.cnblogs.com/lyh233/p/15038341.html
- 使用Identity Server 4建立Authorization Server (2)
- 使用Identity Server 4建立Authorization Server (1)
- Java之异常处理
- 挖洞经验 | 看我如何利用SAML漏洞实现Uber内部聊天系统未授权登录
- 使用ichartjs生成图表
- 使用angular4和asp.net core 2 web api做个练习项目(四)
- list.add(),向List集合插入对象报空指针异常
- 使用angular4和asp.net core 2 web api做个练习项目(三)
- 即学即用系列一:纯函数
- Java之StringBuffer,StringBuilder,Math,Date,SimpleDateFormat,UUID,File
- React编程思想
- 前台分页,以及类别选择
- 使用angular4和asp.net core 2 web api做个练习项目(二), 这部分都是angular
- 数据库 105道题目整理与吐血总结
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- java学习之路:8.字符串生成器
- java学习之路:7.正则表达式
- PG11新特性解读:新增非空默认值字段不需要重写表
- java学习之路:6.格式化输出字符串
- java学习之路:4.String类 连接字符串 获取字符串信息
- java学习之路:11.数组排序算法
- java学习之路:5.字符串操作
- [Skr-Shop]什么,秒杀系统也有这么多种!
- java学习之路:3.数据类型 变量 运算符 转换
- 状态变换 | 我的代码没有else
- java学习之路:2.我的第一个java程序
- 线性表--顺序队列 循环队列 双端队列(十三)
- 线性表--链队列(十二)
- 线性表--链栈(十一)
- 线性表--多栈共享技术(十)