最近项目开发中,前后端是分离的,各自有自己的接口,一般情况下,后端程序员开发环境中,通过postman或其他测试工具调用接口都没有什么问题。等到前端程序员静态页面完成后,和后端程序员调试接口的时候,最大的问题就是跨域问题,下面就讲下thinkphp5.1解决跨域问题的方法(tp6可参考5.1)。
前后端接口交互
后端配置跨域
后端接口示例:获取我的联系人接口
请求方式,请求头及参数说明如下:
接口URL:http://api.test.kaifazhe.site/im/v1/AddressBook/contactList
通过postman测试返回数据:
tp5.1的路由配置如下(5.1开发手册也有详细的说明),我做的是分组路由,所以在/route/im.php文件中简单配置就ok了。
接口文件代码:
这是后端的所有代码及配置。
前端调用接口与跨域
接下来说下前端如何实现跨域:在本地随便新建一个html文件,我就在桌面新建了一个demo文件和demo.html文件
demo.html代码:
打开浏览器测试结果:
Response查看结果
至此:tp5.1的跨域问题已解决,在实际项目有成功实践。
PS:不管你前端是小程序开发的还是vue等框架,亲测有效的哦
领取专属 10元无门槛券
私享最新 技术干货