php前后端分离两个域名访问,php前后端分离项目跨域问题解决办法

由于之前一直没有做过前后端分离项目，导致走了不少弯路，而且还采用了一种及其不优雅的方法

(在第一次请求的时候把服务器返回的session id保存起来，后续请求的时候把该session id作为参数传递给后端，

后端在每次请求的时候先判断客户端传递过来的参数中session id是否为空，不为空则设置当前session id为传递过来的session id，然后session_start，为空则直接session_start。)

上面那样做的原因是，ajax请求无法获取header、cookie等信息。但是后来发现有更方便的解决方法。ajax请求中可以设置下面两个参数，浏览器会自动帮你保存、发送这些header信息。

xhrFields: { withCredentials: true },

crossDomain: true,

$.ajax("https://example.com/v2/whatever", {

method: 'GET',

xhrFields: { withCredentials: true },

crossDomain: true,

success: whatever_success,

error: whatever_error

});

php端需要设置

$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';

// 允许所有跨域请求，测试用，生产环境请使用具体域名代替

header('Access-Control-Allow-Origin:'.$origin);

header('Access-Control-Allow-Credentials:true');

springboot 前后端分离项目跨域配置

@Configuration @EnableWebMvc public class CorsConfig implements WebMvcConfigurer { @Override public ...

解决Django+Vue前后端分离的跨域问题及关闭csrf验证

前后端分离难免要接触到跨域问题,跨域的相关知识请参:跨域问题,解决之道   在Django和Vue前后端分离的时候也会遇到跨域的问题,因为刚刚接触Django还不太了解,今天花了好长的时间,查阅了 ...

React:快速上手(8)——前后端分离的跨域访问与会话保持

React:快速上手(8)——前后端分离的跨域访问与会话保持 跨域访问 跨域是指从一个域名的网页去请求另一个域名的资源.比如从http://www.baidu.com/ 页面去请求http://www ...

前后端分离之 跨域和JWT

书接上回:https://www.cnblogs.com/yangyuanhu/p/12081525.html 前后端分离案例 现在把自己当成是前端,要开发一个前后分离的简单页面,用于展示学生信息列表 ...

【js】【跨域问题】前后端分离的跨域问题

最近在研究nodejs,php的前后端分离相关东西,在调用接口的时候碰到一些跨域的问题,经过一段时间的摸索,总结出来的一些东西 php采用的是yii框架,登录的机制或者调用接口都需要前端传递cooki ...

基于Java服务的前后端分离解决跨域问题

导语:解决跨域问题,前后端都增加相应的允许跨域的代码段即可. 一.后端增加允许跨域的代码,可以在具体controler层加,最好是在filter中添加,这样添加一次就够了,不用在每个controler ...

【笔记】总结Springboot和Vue前后端分离的跨域问题

跨域一直是个很玄学的问题,SSM的时候又得前后端一起配置,sb的时候又不用. 前端 axios普通get请求 submitForm() { var v=this; this.$axios({ meth ...

SpringBoot 实现前后端分离的跨域访问(CORS)

序言:跨域资源共享向来都是热门的需求,使用CORS可以帮助我们快速实现跨域访问,只需在服务端进行授权即可,无需在前端添加额外设置,比传统的JSONP跨域更安全和便捷. 一.基本介绍 简单来说,CORS ...

Nginx+Springboot+Vue 前后端分离 解决跨域问题

1:前端vue 写完 打包 npm run build prod 2: 后端api 写完打包 springboot mvn package -Dmaven.test.skip=true 3: ngin ...

随机推荐

Java NIO工作原理

数据通信流程: 通过selector.select()阻塞方法获取到感兴趣事件的key,根据key定位到channel,通过channel的读写操作进行数据通信.channel的read或者write ...

2014嘉杰信息杯ACM/ICPC湖南程序设计邀请赛暨第六届湘潭市程序设计竞赛

比赛链接: http://202.197.224.59/OnlineJudge2/index.php/Contest/problems/contest_id/36 题目来源: 2014嘉杰信息杯ACM ...

EF文章连接

http://www.cnblogs.com/shanyou/archive/2011/07/17/2108953.html http://www.cnblogs.com/haogj/archive/ ...

netbeans设置语言

netbeans的界面语言 默认是按系统语言 设的. 想要自己指定的话,加上以下参数就可以了. 中文 --locale zh:CN 英文 --locale en:US 日文 --locale ja:J ...

python之集合，函数，装饰器

本节主要内容如下: 1. set集合 2. 函数 -- 自定义函数 -- 内置函数 3. 装饰器 一. set 集合: 一个无序且不重复的序列. tuple算是list和str的杂合(杂交的都有自己的 ...

Atom插件安装及常用插件推荐

Atom是个不错的文本编辑工具,也该可以改造成IDE用,主要靠插件实现各种扩展功能. 因为网络环境的原因,在线安装不容易成功,一般选择手动安装. 以下是我搜索网络资源后总结的手动安装方法. Atom插 ...

如何设置select和option的文字居中？

今天在设置option文字居中时发现,给select设置text-align:center在火狐浏览器下ok,但是在chrome浏览器无效,然后option在两个浏览器下设置text-align:ce ...

在 Mac 中安装 MySQLdb (Python mysql )

安装环境:OS X操作系统,Python 2.7.3. MySQLdb其实包含在MySQL-python包中,因此无论下载还是在pip中search,都应该是搜寻MySQL-python. 以下将说明 ...

Go学习——go+channel实战(转)

转载:http://studygolang.com/articles/2423 背景 在最近开发的项目中,后端需要编写许多提供HTTP接口的API,另外技术选型相对宽松,因此选择Golang + Be ...

echarts--迁徙图特性简介

$(function() {    loadMapData(); //页面加载时调用封装加载echarts地图的函数});function loadMapData (cityName) {    if ...