前后端访问数据交互跨域问题

zzq 啊 2020-10-02 08:34:57

SpringCloud前后端分离开发中存在的跨域问题解决方案，在SpringMVC控制层写入@CrossOrigin跨域注解。

...全文

76 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

前后端分离后台管理项目是一种开发模式，其中前端和后端的开发分离进行。前端负责用户界面的设计和开发，而后端负责数据处理和业务逻辑的实现。在前后端分离后台管理项目中，前端通常使用HTML、CSS和JavaScript等技术构建用户界面，并通过HTTP请求与后端进行数据交互。后端使用服务器端编程语言（如Java、Python、Node.js等）和数据库来处理数据，并提供API接口供前端调用。具体而言，前后端分离后台管理项目的主要特点包括以下几个方面：前端技术栈：使用HTML、CSS和JavaScript等前端技术栈构建用户界面，并使用框架（如Vue.js、React等）来简化开发流程和提高效率。后端技术栈：使用服务器端编程语言和框架（如Java的Spring Boot、Python的Django、Node.js的Express等）处理数据和实现业务逻辑。 API接口：前端通过HTTP请求访问后端提供的API接口来获取数据和提交操作。API接口通常采用RESTful风格，并返回JSON格式的数据。 跨域问题：由于前后端分离项目中前端和后端运行在不同的域名下，会涉及到跨域问题

我们在做前后端交互的时候，会遇到跨域问题。本节内容将带领读者了解什么是跨域问题，以及跨域问题的解决方法。

*前后端交互中的跨域，cookie,session问题一·跨域 1.概念跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。跨域是指不同域之间相互访问。也就是如果在A网站中，我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中，那么就出现了跨域访问问题。 2.判断是否跨域的条件同一协议，同一ip，同一端口，这三者中有一个不同就产生了跨域。 URL 说明是否允许通信 **特别注意两点：第一，如果是协议

本文系统介绍了跨域问题为什么会出现，以及所有的处理方式。在使用vue uniapp springboot开发微信小程序过程中，也是采用了前后端分离的模式，前端页面及js部署在微信小程序中，后端接口部署在阿里云服务器中，当前端向后端发起请求的时候一定是不符合同源策略的，也就无法访问，就会需要解决跨域问题，实现前后交互。

这里我们页面的访问地址是：http://xxx:8080/login，接口的访问地址：http://xxx8082/xxxxx，这里两个地址的端口号一个是8080，一个是8082，在同源策略下，这属于2个完全不同的网站！如果你仔细查阅”跨域访问“的相关内容，就会知道，这是因为浏览器默认就有一个”同源策略“，即浏览器默认只允许同一个网站访问，不允许不同的网站访问。辉哥还要顺带说一句，在我们日常的学习过程中，请先尽量自己想办法解决问题，能自己解决是最好的，因为这样你对问题的理解和记忆就会更深刻。

67,513

社区成员

225,879

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章