image.png
其中我们配置了JSONconvert转换器 使我们的输出和响应支持我门的JSON格式（在Spring全局配置中设置）
假如我们用java想要做rest api 如果像之前那样做是不是很麻烦
下面我们学习简单的方法
image.png
其实只要一个@RestController 注解就够了
下面我们先看下官网 打开网站搜索@REST就可以找到如下
image.png
说明了这个注解是个组合的注解 把@Responsebody和@Controller两个注解组合了
下面我们在controllers包下面创建个UsesController控制器（用户控制器）
目录如下
image.png
在里面打入@RestController就可以了（说明是一个rest控制器）
并打入注解@RequestMapping("users")代表我们访问的地址
接下来我们在entities包下面创建个UserInfo实体类
里面包含userid和username字段
生成构造函数 和get set方法
如下
image.png
image.png
下面回到UsersController控制器
image.png
发布下代码
用浏览器访问localhost:8080/users/123
image.png
使用Spring MVC开发api还是很方便的
下面我们再来写个用户列表api
在UsersController中加入如下
image.png
重新发布下代码
浏览器访问localhost:8080/users/list
image.png
下面看下这段内容
image.png
既然谈到了rest api的开发 那么肯定存在跨域的问题
下面我随便做个网站（是以php方式运行的 端口是8999）
接下来创建个test.html
盘符目录如下
image.png
使用标准的Fetch API对上面的url进行ajax请求
下面看下test.html代码
如果我们要使用前端的方式访问后端的api
http://localhost:8080/users/123这个就是我们后端api地址
如果要做前后端分离网站 那么前端肯定是使用ajax方式对后端进行请求 求情的时候可能会放入一些参数（这个时候可能就会碰到跨域的问题 因为我们的网站可能部署在不同的域名）
我在本地启动了8999端口的网站 并放入test.html
下面我们写段标准的ajax代码（不使用jquery使用html5带的fetch api）
显示当前用户的具体值
代码如下
image.png
然后我用浏览器访问下这个页面localhost:8999/test.html
结果如下
image.png
出现了CORS跨域请求错误
我们如果想在后端设置跨域请求 需要设置头信息
所以需要在后端中设置头的来源
下面改下java代码
在UsersController中
image.png
我们在用户id这个api中加入了跨域请求设置
重新发布代码
再次访问http://localhost:8999/test.html
结果如下
image.png
和我们api中返回的值相同
image.png
这种跨域请求方式是通过HttpServletResponse加入请求头的方式 不是很方便
下面我们看下第二种方式跨域请求（加入注解的方式@CrossOrigin）可以在官网中搜索
可以在类的某个方法中对其进行跨域设置
image.png
下面我们代码演示下
image.png
重新发布下代码
再次访问http://localhost:8999/test.html
image.png
发现正常的弹出了用户名
下面我们把test.html中改成POST方式请求
代码如下
image.png
再次访问http://localhost:8999/test.html
image.png
是因为我们UsersController中使用的是@GetMapping
下面改为@PostMapping
image.png
再次发布代码
运行http://localhost:8999/test.html
image.png
表示我们请求成功了
下面我们看下第三种设置跨域方法（全局设置）有两种方式（一，xml配置二，WebConfig方式）
如果我们在每个Controller或者方法里面都要打上注解的话，还不是很方便
image.png
来到spring官网 全局搜索mvc:cors
可以看见下面一段配置
image.png
可以在我们的xml文件写上配置
下面我们演示下xml方式
打开context-spring.xml
加入如下
<mvc:cors>
<!--/** 表示users下面的所有都可以访问-->
<mvc:mapping path="/users/**"
allowed-origins="http://localhost:8999"
allowed-methods="GET, POST"
/>
<mvc:mapping path="/resources/**"
allowed-origins="http://domain1.com" />
</mvc:cors>
在UsersController中注释掉@CrossOrigin注解
image.png
再次发布代码
运行http://localhost:8999/test.html
结果
image.png
可以看见依然能够正常显示
以上就是三种设置后端跨域请求的方式 更多内容查看我们的官网
网友评论