@RequestMapping,Rest API支持,跨域请求的设置方法

@RequestMapping,Rest API支持,跨域请求的设置方法_第1张图片
image.png

其中我们配置了JSONconvert转换器 使我们的输出和响应支持我门的JSON格式(在Spring全局配置中设置)
假如我们用java想要做rest api 如果像之前那样做是不是很麻烦
下面我们学习简单的方法
@RequestMapping,Rest API支持,跨域请求的设置方法_第2张图片
image.png

其实只要一个@RestController 注解就够了
下面我们先看下官网 打开网站搜索@REST就可以找到如下
image.png

说明了这个注解是个组合的注解 把@Responsebody和@Controller两个注解组合了
下面我们在controllers包下面创建个UsesController控制器(用户控制器)
目录如下
@RequestMapping,Rest API支持,跨域请求的设置方法_第3张图片
image.png

在里面打入@RestController就可以了(说明是一个rest控制器)
并打入注解@RequestMapping("users")代表我们访问的地址
接下来我们在entities包下面创建个UserInfo实体类
里面包含userid和username字段
生成构造函数 和get set方法
如下
@RequestMapping,Rest API支持,跨域请求的设置方法_第4张图片
image.png

@RequestMapping,Rest API支持,跨域请求的设置方法_第5张图片
image.png

下面回到UsersController控制器
@RequestMapping,Rest API支持,跨域请求的设置方法_第6张图片
image.png

发布下代码
用浏览器访问localhost:8080/users/123
@RequestMapping,Rest API支持,跨域请求的设置方法_第7张图片
image.png

使用Spring MVC开发api还是很方便的
下面我们再来写个用户列表api
在UsersController中加入如下
@RequestMapping,Rest API支持,跨域请求的设置方法_第8张图片
image.png

重新发布下代码
浏览器访问localhost:8080/users/list
@RequestMapping,Rest API支持,跨域请求的设置方法_第9张图片
image.png

下面看下这段内容
@RequestMapping,Rest API支持,跨域请求的设置方法_第10张图片
image.png

既然谈到了rest api的开发 那么肯定存在跨域的问题
下面我随便做个网站(是以php方式运行的 端口是8999)
接下来创建个test.html
盘符目录如下
@RequestMapping,Rest API支持,跨域请求的设置方法_第11张图片
image.png

使用标准的Fetch API对上面的url进行ajax请求
下面看下test.html代码
如果我们要使用前端的方式访问后端的api
http://localhost:8080/users/123这个就是我们后端api地址
如果要做前后端分离网站 那么前端肯定是使用ajax方式对后端进行请求 求情的时候可能会放入一些参数(这个时候可能就会碰到跨域的问题 因为我们的网站可能部署在不同的域名)
我在本地启动了8999端口的网站 并放入test.html
下面我们写段标准的ajax代码(不使用jquery使用html5带的fetch api)
显示当前用户的具体值
代码如下
@RequestMapping,Rest API支持,跨域请求的设置方法_第12张图片
image.png

然后我用浏览器访问下这个页面localhost:8999/test.html
结果如下
@RequestMapping,Rest API支持,跨域请求的设置方法_第13张图片
image.png

出现了CORS跨域请求错误
我们如果想在后端设置跨域请求 需要设置头信息
所以需要在后端中设置头的来源
下面改下java代码
在UsersController中
image.png

我们在用户id这个api中加入了跨域请求设置
重新发布代码
再次访问 http://localhost:8999/test.html
结果如下
@RequestMapping,Rest API支持,跨域请求的设置方法_第14张图片
image.png

和我们api中返回的值相同
@RequestMapping,Rest API支持,跨域请求的设置方法_第15张图片
image.png

这种跨域请求方式是通过HttpServletResponse加入请求头的方式 不是很方便
下面我们看下第二种方式跨域请求(加入注解的方式@CrossOrigin)可以在官网中搜索
可以在类的某个方法中对其进行跨域设置
@RequestMapping,Rest API支持,跨域请求的设置方法_第16张图片
image.png

下面我们代码演示下
image.png

重新发布下代码
再次访问 http://localhost:8999/test.html
@RequestMapping,Rest API支持,跨域请求的设置方法_第17张图片
image.png

发现正常的弹出了用户名
下面我们把test.html中改成POST方式请求
代码如下
@RequestMapping,Rest API支持,跨域请求的设置方法_第18张图片
image.png

再次访问 http://localhost:8999/test.html
@RequestMapping,Rest API支持,跨域请求的设置方法_第19张图片
image.png

是因为我们UsersController中使用的是@GetMapping
下面改为@PostMapping
image.png

再次发布代码
运行 http://localhost:8999/test.html
@RequestMapping,Rest API支持,跨域请求的设置方法_第20张图片
image.png

表示我们请求成功了
下面我们看下第三种设置跨域方法(全局设置)有两种方式(一,xml配置二,WebConfig方式)
如果我们在每个Controller或者方法里面都要打上注解的话,还不是很方便
@RequestMapping,Rest API支持,跨域请求的设置方法_第21张图片
image.png

来到spring官网 全局搜索mvc:cors
可以看见下面一段配置
@RequestMapping,Rest API支持,跨域请求的设置方法_第22张图片
image.png

可以在我们的xml文件写上配置
下面我们演示下xml方式
打开context-spring.xml
加入如下

    
    

    


在UsersController中注释掉@CrossOrigin注解

image.png

再次发布代码
运行 http://localhost:8999/test.html
结果
@RequestMapping,Rest API支持,跨域请求的设置方法_第23张图片
image.png

可以看见依然能够正常显示
以上就是三种设置后端跨域请求的方式 更多内容查看我们的官网

你可能感兴趣的:(@RequestMapping,Rest API支持,跨域请求的设置方法)