PHPSocketIO,前端通过ajax/axios请求发信息, 控制台报错的CORS跨域问题解决过程小记

最新推荐文章于 2024-04-02 10:07:38 发布

五年正则三年全栈

最新推荐文章于 2024-04-02 10:07:38 发布

阅读量326

点赞数

文章标签：前端 ajax javascript php Powered by 金山文档

本文链接：https://blog.csdn.net/weixin_43107573/article/details/129248009

版权

文章讲述了在使用ajax进行publish请求时遇到的错误，前端将type改为POST，contentType设为text/plain或其它类型，解决了非简单请求导致的跨域失效问题。后端通过设置HTTP响应头允许跨域，使Ajax请求成功执行。

摘要由CSDN通过智能技术生成

使用ajax发送publish请求进行消息发布时控制台报错如下

前端写的是ajax, type: 'publish', 没有设定contentType

废话不多说, 下面是解决方案

前端js把type改成POST请求, contentType改为text/plain

ps: 也可以是application/x-www-form-urlencoded、multipart/form-data

敲黑板! 这里要考! 主要是非HEAD, GET, POST的请求, 会多请求一次(非复杂请求, 某度搜的), 导致后端设置的跨域失效(不知道啥原理, 反正改完就变成简单请求, 然后就成功了)

PHP后端修改参考以下代码

use Workerman\Protocols\Http\Response;  # 使用响应
    # $inner_http_worker->onMessage时触发
    # 响应内容
    $response = new Response();
    # 跨域请求头设置
    $response->header('Access-Control-Allow-Origin', '*');
    # 响应类型
    $response->header('Access-Control-Allow-Methods', '*');
    # 响应头设置
    $response->header('Access-Control-Allow-Headers', 'x-requested-with,content-type');

    # 最后这样返回就行了, ajax测试不报错了
    return $http_connection->send($response->withBody('ok'), true);

改完后不报错了