发起 post 请求时导致2个请求都跨域

最新推荐文章于 2023-06-08 11:14:55 发布

Fy哥

最新推荐文章于 2023-06-08 11:14:55 发布

阅读量178

点赞数

分类专栏：笔记前端 Java 文章标签：前端 javascript vue.js springboot

本文链接：https://blog.csdn.net/qq_56402474/article/details/129001058

版权

笔记同时被 3 个专栏收录

95 篇文章 8 订阅

订阅专栏

Java

39 篇文章 2 订阅

订阅专栏

前端

27 篇文章 1 订阅

订阅专栏

文章讲述了在使用Vue3和SpringBoot开发中遇到的跨域问题。前端采用vue3框架进行异步POST请求，后端使用SpringBoot处理请求并设置响应头。为了解决跨域限制，文中提出了在后端添加`@CrossOrigin(*)`注解来允许所有来源的解决方案。

摘要由CSDN通过智能技术生成

文章目录

1. 问题描述

1. 问题描述

在这里插入图片描述

2. 前端

采取 vue3 框架

async requestPost() {
	const { data: res } = await this.$http.post('/post', { id: 1, name: "张三", age: 20 });
	if (res.code === "200") {
   		console.log(res);
    }
}

3.后端

采取 springboot 框架

    @RequestMapping(value = "/post",method = RequestMethod.POST)
    public JsonResult<User> post(HttpServletResponse response,@RequestBody User user) {
        response.setHeader("Access-Control-Allow-Origin","http://localhost:3000");
        return new JsonResult<>(user,"post success","200");
    }