thinkphp fastadmin 解决vue前后端分离项目的跨域问题以及 OPTIONS请求类型

fastadmin的专用方法：

修改文件：application/config.php，这是fa的配置文件。
修改属性 cors_request_domain，搜一下就找到了，在里面加上你的域名就行了

'cors_request_domain'   => 'localhost,127.0.0.1',

tp的通用方法：

修改文件：public/index.php，这是tp的入口文件

if(isset($_SERVER["HTTP_ORIGIN"]) && strpos($_SERVER["HTTP_ORIGIN"],'127.0.0.1:8000') !== false){// 跨域header('Access-Control-Allow-Origin: '.$_SERVER["HTTP_ORIGIN"]); //星号表示允许所有来源跨域请求，生产环境建议配置成你的来源站点的域名header("Access-Control-Allow-Headers: *");header('Access-Control-Allow-Methods:*');header('Access-Control-Expose-Headers:*');header('Access-Control-Allow-Credentials:true');if (strtoupper($_SERVER['REQUEST_METHOD']) == 'OPTIONS') { //浏览器的option试探请求，要exit掉，不然你的业务会被执行两次echo '{code: 0, msg: "OPTIONS", time: "", data: null}';exit();}
}

如果是多个域名都要适配，可以改成这样：

if(isset($_SERVER["HTTP_ORIGIN"]) && in_array($_SERVER["HTTP_ORIGIN"],['xxx','http://api.maoshu.fun','http://www.maoshu.fun'])){}

下面这句是允许跨域cookie的

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

下面这句的判断，是为了本地调试的，只有在本地调试的时候，才允许跨域，这样线上如果不需要跨域的话就更安全些

strpos($_SERVER["HTTP_ORIGIN"],'127.0.0.1:8000') !== false

拓展知识：

前端带cookie
XMLHttpRequest.withCredentials = true

jquery的$.ajax配置
xhrFields: {
withCredentials: true
},
crossDomain: true,

原文地址：https://maoshu.fun/posts/78dce704.html

thinkphp fastadmin 解决vue前后端分离项目的跨域问题以及 OPTIONS请求类型相关推荐

前后端分离项目，跨域问题解决方案
1.什么是跨域? 要了解跨域,先要说说同源策略. 同源策略是由 Netscape 公司提出的一个著名的安全策略,所有支持 JavaScript 的浏览器都会使用这个策略. 由于浏览器同源策略的限制,非 ...
vue前后分离session实现_vue2 前后端分离项目ajax跨域session问题解决
最近学习使用vuejs前后端分离,重构一个已有的后台管理系统,遇到了下面这个问题: 实现跨域请求时,每次ajax请求都是新的session,导致无法获取登录信息,所有的请求都被判定为未登陆. 1. v ...
SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【后端篇】【快速生成后端代码、封装结果集、增删改查、模糊查找】【毕设基础框架】
前后端分离项目快速搭建[后端篇] 数据库准备后端搭建 1.快速创建个SpringBoot项目 2.引入依赖 3.编写代码快速生成代码 4.运行代码生成器生成代码 5.编写application.pr ...
SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【前端篇】【快速生成后端代码、封装结果集、增删改查、模糊查找】【毕设基础框架】
前后端分离项目快速搭建[前端篇] 后端篇前端篇创建vue项目安装所需工具开始编码 1.在根目录下添加vue.config.js文件 2.编写main.js 3.编写App.vue 4.编写ax ...
阿里服务器部署springboot+vue前后端分离项目
服务器部署springboot+vue前后端分离项目最近刚刚在实习熟悉公司的业务,所有尝试着自己将项目部署到服务器上.本次部署的项目是Spring Boot+Vue前后端分离项目,后端使用的技术有M ...
phython在file同时写入两个_喜大普奔，两个开源的 Spring Boot + Vue 前后端分离项目可以在线体验了
折腾了一周的域名备案昨天终于搞定了. 松哥第一时间想到赶紧把微人事和 V 部落部署上去,我知道很多小伙伴已经等不及了. 1. 也曾经上过线其实这两个项目当时刚做好的时候,我就把它们部署到服务器上了, ...
从0搭建一个Springboot+vue前后端分离项目(一)安装工具,创建项目
从0搭建一个Springboot+vue前后端分离项目(二)使用idea进行页面搭建+页面搭建参考学习vue官网文档 https://v3.cn.vuejs.org/guide/installati ...
Vue整合nginx：（1）开发环境npm run dev下，通过nginx解决前后端分离造成的跨域问题
Vue整合nginx:(1)开发环境npm run dev下,通过nginx解决前后端分离造成的跨域问题参考文章: (1)Vue整合nginx:(1)开发环境npm run dev下,通过nginx ...
React / Vue 前后端分离项目实现微信分享教程
小编推荐:Fundebug专注于JavaScript.微信小程序.微信小游戏,Node.js和Java实时BUG监控.真的是一个很好用的bug监控费服务,众多大佬公司都在使用. 网上非常多的微信分享例 ...

thinkphp fastadmin 解决vue前后端分离项目的跨域问题以及 OPTIONS请求类型

fastadmin的专用方法：

tp的通用方法：

拓展知识：

thinkphp fastadmin 解决vue前后端分离项目的跨域问题以及 OPTIONS请求类型相关推荐

最新文章

热门文章

thinkphp fastadmin 解决vue前后端分离项目的跨域问题 以及 OPTIONS请求类型

fastadmin的专用方法：

tp的通用方法：

拓展知识：

thinkphp fastadmin 解决vue前后端分离项目的跨域问题 以及 OPTIONS请求类型相关推荐

最新文章

热门文章

thinkphp fastadmin 解决vue前后端分离项目的跨域问题以及 OPTIONS请求类型

thinkphp fastadmin 解决vue前后端分离项目的跨域问题以及 OPTIONS请求类型相关推荐