Axios发送请求的时候出现跨域问题

淩亂°似流年 2022-10-23 08:01 203阅读 0赞

报错信息如下：

![20210309145223976.png][]

跨域问题发生的原因：

首先基于安全的原因，浏览器是存在[同源策略][Link 1]这个机制的，同源策略阻止从一个域加载的脚本去获取另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这意味着浏览器隔离来自不同源的内容，以防止它们之间的操作。

js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。

只要协议、域名、端口有任何一个不同，都被当作是不同的域。

解决方法：

sprinboot:

@RestController
    @CrossOrigin//解决跨域问题
    public class UserController {
        @Autowired
        UserService userService;
        @RequestMapping("/login")
        public String login(String phone,String password){
            String user = userService.exist(phone, password);
            return user;
        }
    }

spring mvc:

<mvc:cors>
            <mvc:mapping path="/**" allowed-origins="*" allow-credentials="true" max-age="1800"
            allowed-methods="GET,POST,PUT,DELETE,PATCH,OPTIONS"/>
    </mvc:cors>

[20210309145223976.png]: /images/20221023/3179481ce275460fabc5194974d75c26.png
[Link 1]: https://developer.mozilla.org/zh-CN/docs/JavaScript%E7%9A%84%E5%90%8C%E6%BA%90%E7%AD%96%E7%95%A5

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue3.x axios跨域请求的问题

描述一般请求的url地址与项目所在地址不一致便会触发跨域请求，若没有跨域措施，一般会抛出No 'Access-Control-Allow-Origin' 错误 ...

阳光穿透心脏的1/2处/ 2024年04月18日 13:54/ 0 赞/ 66 阅读

相关解决Vue中Axios发送请求时跨域的问题。

0 写在前面在程序开发时，前后端运行在不同的地方。假设自己的电脑启动前后端，那么他们的端口号不可以冲突。当在Vue发起请求，那么就存在跨域的问题，会被浏览器COR

淩亂°似流年/ 2024年03月27日 16:44/ 0 赞/ 87 阅读

相关 get方式发送请求出现跨域问题

Access to XMLHttpRequest at 'http://localhost:8090/concern?pageSize=10&pageNum=1&param\[

朴灿烈づ我的快乐病毒、/ 2023年10月12日 23:17/ 0 赞/ 54 阅读

相关 vue 使用axios 出现跨域请求的两种解决方法

最近在使用vue axios发送请求，结果出现跨域问题，网上查了好多，发现有好几种结局方案。 1：服务器端设置跨域 header(“Access-Control-All

水深无声/ 2023年08月17日 17:38/ 0 赞/ 119 阅读

相关 axios请求“跨域”的解决方案

背景：困扰了好几个小时的问题。启动项目后，页面内容如论如何都不出现，接口没有请求成功。看了一下控制台报了下面错误。 Access to XMLHttpRequ

比眉伴天荒/ 2023年07月12日 03:42/ 0 赞/ 17 阅读

相关 axios的跨域问题

axios在请求后端的api时，出现CORS(跨域资源共享), 出现错误跨域请求Access to XMLHttpRequest at '[http://localhos

浅浅的花香味﹌/ 2023年06月25日 08:12/ 0 赞/ 4 阅读

相关 axios请求，跨域问题，设置跨域代理

生成一个vue项目之后，开始写请求，请求数据，渲染到前端界面，有时候直接请求服务器上的接口，会遇到跨域问题，遇到跨域的时候，需要设置跨域代理~ 1：进入新建的项目之中，使用n

今天药忘吃喽~/ 2022年12月22日 00:57/ 0 赞/ 303 阅读

相关 Axios发送请求的时候出现跨域问题

报错信息如下： ![20210309145223976.png][] 跨域问题发生的原因：首先基于安全的原因，浏览器是存在[同源策略][Link 1]这个机制的，同源策

淩亂°似流年/ 2022年10月23日 08:01/ 0 赞/ 204 阅读

相关 React Axios 请求解决跨域问题

网上看了很多的方案，但是不知道为什么，作为初学者，对react不太清楚的话，解决跨域还是有很多的问题。这篇博客针对小白，第一次调试react 跨域问题，甚至第一次使用Axios

秒速五厘米/ 2022年09月10日 02:29/ 0 赞/ 329 阅读

相关解决axios跨域时，发送post请求变options的问题

mounted() { let config = { headers : { 'Content-Type':'appli

深藏阁楼爱情的钟/ 2022年02月27日 08:20/ 0 赞/ 297 阅读