Spring API 的 CORS 测试

在开发 API 和前端的时候,最麻烦的就是一个 CORS 测试。

你不知道你的 API 是否允许 CORS,也不知道是不是因为前端的原因。

但是 CORS 这个跨域访问确实让人非常头疼。

## 写个页面
为了解决这个问题,我们用 HTML 写了个页面,这个页面可以对跨域访问进行一些小测试。

请查看页面在 GitHub 上的完整源代码:

https://github.com/cwiki-us-demo/java-tutorials/blob/master/src/main/resources/html/cors.html

上面的代码主要是通过 JQuery 发送一个跨域请求到 API,来判断 API 返回的数据是否能够支持跨域访问。

另外,如果你的的 API 还需要添加 Bearer 访问令牌的话,你可以在输入对话框中输入需要的 Bearer Token。

否则你可以留空,AJAX 的请求将不会设置访问令牌。

 

cors-testing-01

 

如果没有问题,你将会看到弹出成功的对话框。

如果没有任何反应,你需要通过浏览器的 F12 ,打开调试对话框,然后查看网络。

 

cors-testing-02

 

比如说,上面的图片中,我们得到的错误代码是 403,这是因为我们没有设置 Token 的值,我们的 API 是需要设置 Token 值的。

 

https://www.ossez.com/t/spring-api-cors/638

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HoneyMoose

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值