分析thinkPHP5提交form报错原因和解决方法

thinkphp5 是一款基于php的开源web应用框架，它的设计理念是简单、直观且灵活的。然而，在使用thinkphp5框架开发时可能会遇到一些问题和错误。其中，提交form出现错误就是常见的问题之一。本文将介绍thinkphp5提交form出现错误的原因和解决方法。

一、错误原因

在ThinkPHP5中，提交表单数据可以使用post方法，也可以使用put、delete等其他方法。然而，提交form数据时，有时候会出现错误提示：“不允许此Http方法提交”，如下图所示。

这个错误提示的原因是由于浏览器使用了一种称为“OPTIONS”的预检查机制。当使用POST、PUT等非简单请求方式提交数据时，浏览器会首先发送一次OPTIONS请求，以确定服务器是否支持这种请求方式。如果服务器不支持，则会出现上述错误提示。

二、解决方法

立即学习“PHP免费学习笔记（深入）”；

1. 开启跨域支持

先了解一下什么是跨域。跨域是指在一个域名的网页上执行另一个域名的JavaScript代码。严格地说，只要协议、域名、端口有任何一个不同，都被当作是不同的域，就会出现跨域问题。而提交form数据时，就有可能因为跨域问题而出现上述错误。

解决方案是在服务器端开启跨域支持。在ThinkPHP5中，可以在配置文件config.php中添加如下代码：

// 开启跨域支持
'cross_domain'   => [
    'allow_origin' => ['*'],
    'allow_methods' => ['POST','GET','OPTIONS','PUT','DELETE'],
    'allow_headers' => ['*'],
    'expose_headers'=> ['token'],
    'max_age'       => 3600,
    'allow_credentials' => true,
],

其中，allow_origin参数指定允许的域名，表示允许所有域名。allow_methods参数指定允许的请求方式，PUT、DELETE等非简单请求方式也需要添加进去。allow_headers参数指定允许的请求头信息，表示接受任意请求头。expose_headers参数指定允许用户获取的额外信息，token表示允许获取token信息。max_age参数指定允许缓存的时间，单位为秒。allow_credentials参数表示允许使用cookie等身份凭证。

2. 更改请求方式

如果不想开启跨域支持，也可以通过更改请求方式来解决问题。在提交form数据时，可以将请求方式改为POST，这样就可以避免出现浏览器预检查的问题。

在HTML中，可以这样修改form表单的method属性：

$.ajax({
    type: 'POST',
    url: 'http://example.com/path/to/api',
    data: postData,
    success: function(data) {
        console.log(data);
    }
});

location / {
    if ($request_method = 'OPTIONS') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'POST,GET,OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,token';
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
    }
    ...
}