全国十大网站建设公司,qq个人中心网页版,西安公司做网站,安吉做网站目录 1.同源策略
2.解决方案(后端)
(1)在后端方法添加CrossOrigin
(2)添加CORS过滤器
(3)实现WebMvcConfigure接口#xff0c;重写addCorsMappings方法
3.解决方案(前端)
(1)前端配置代理 1.同源策略
同源策略#xff08;Same origin policy#xff09;是一种约定CrossOrigin
(2)添加CORS过滤器
(3)实现WebMvcConfigure接口重写addCorsMappings方法
3.解决方案(前端)
(1)前端配置代理 1.同源策略
同源策略Same origin policy是一种约定它是浏览器最核心也最基本的安全功能如果缺少了同源策略则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的浏览器只是针对同源策略的一种实现。
要想满足同源策略域名协议端口号必须相同。
同源策略是浏览器的行为是为了保护本地数据不被JavaScript代码获取回来的数据污染因此拦截的是客户端发出的请求回来的数据接收即请求发送了服务器响应了但是无法被浏览器接收。
2.解决方案(后端)
使用CORS跨域资源共享策略来解决跨域问题。
(1)在后端方法添加CrossOrigin 使用这种解决方法需要在涉及到跨域的接口都需要添加此注解比较麻烦。
(2)添加CORS过滤器 (3)实现WebMvcConfigure接口重写addCorsMappings方法 3.解决方案(前端)
(1)前端配置代理 devServer: {host: 0.0.0.0,port: port,open: true,proxy: {// detail: https://cli.vuejs.org/config/#devserver-proxy[process.env.VUE_APP_BASE_API]: {target: http://localhost:8080,changeOrigin: true,pathRewrite: {[^ process.env.VUE_APP_BASE_API]: }}},disableHostCheck: true},
通过proxy将前端的请求进行代理转发都后端的8080端口。
