api接口开发跨域注意事项和设置

Posted 淘^*(- -)*^

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了api接口开发跨域注意事项和设置相关的知识,希望对你有一定的参考价值。

因为跨域请求会先发送一个OPTIONS请求,所以需要判断下OPTIONS请求的就直接返回

if(strtoupper($_SERVER[REQUEST_METHOD])== OPTIONS){
      header("Access-Control-Allow-Origin:*");
      header("Access-Control-Allow-Headers:content-type");
      header("Access-Control-Request-Method:GET,POST");
      exit;
}

在返回json数据的时候需要在头部加上

header(Access-Control-Allow-Origin: *);
header(Access-Control-Allow-Methods: GET,POST);
header(Access-Control-Allow-Headers: Destination, Content-Type, User-Agent, X-Requested-With, If-Modified-Since);
header(Access-Control-Allow-Credentials: true);

 

以上是关于api接口开发跨域注意事项和设置的主要内容,如果未能解决你的问题,请参考以下文章

vue 前端设置跨域多代理

Express实战 - 应用案例- realworld-API - 路由设计 - mongoose - 数据验证 - 密码加密 - 登录接口 - 身份认证 - token - 增删改查API(代码片段

阶段一-01.万丈高楼,地基首要-第3章 用户登录注册模块开发-3-10 设置跨域配置实现前后端联调

vue-webpack项目本地开发环境设置代理解决跨域问题

php开发api接口数据安全

vue中的跨域