解决thinkphp和vue前后端分离的跨域问题

最新推荐文章于 2024-01-11 17:06:02 发布

LINGK98

最新推荐文章于 2024-01-11 17:06:02 发布

阅读量2k

点赞数 3

分类专栏： PHP 前端文章标签：联调测试跨域请求前端 php

本文链接：https://blog.youkuaiyun.com/LINGK98/article/details/107317348

版权

前端同时被 2 个专栏收录

16 篇文章

订阅专栏

PHP

4 篇文章

订阅专栏

本文介绍了解决Vue前端与PHP后端联调时出现的跨域问题，通过在ThinkPHP入口文件中添加CORS相关头部信息，实现前后端跨域请求的成功。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue使用axios联调时候出现Access to XMLHttpRequest at 'http://127.0.0.1/.......' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.的错误，这个是由于跨域问题。

跨域问题主要是网络协议、域名和端口号引起的浏览器安全策略问题而使得数据被拦截，可以前端解决也可以后端解决，在做vue和php联调后台管理系统的时候小心一点。

解决方法：(这里是用后台cros方法处理)

在thinkphp的入口文件——“.../public/index.php”下面加入以下代码：

// 设置允许其他域名访问
header('Access-Control-Allow-Origin:*');

// 设置允许的响应类型
header('Access-Control-Allow-Methods:POST, GET');

// 设置允许的响应头
header('Access-Control-Allow-Headers:x-requested-with,content-type');

然后前端vue的axios再请求一次，这次的结果：成功！！