thinkphp5 是一款基于php的开源web应用框架，它的设计理念是简单、直观且灵活的。然而，在使用thinkphp5框架开发时可能会遇到一些问题和错误。其中，提交form出现错误就是常见的问题之一。本文将介绍thinkphp5提交form出现错误的原因和解决方法。
一、错误原因
在ThinkPHP5中，提交表单数据可以使用post方法，也可以使用put、delete等其他方法。然而，提交form数据时，有时候会出现错误提示：“不允许此Http方法提交”，如下图所示。
这个错误提示的原因是由于浏览器使用了一种称为“OPTIONS”的预检查机制。当使用POST、PUT等非简单请求方式提交数据时，浏览器会首先发送一次OPTIONS请求，以确定服务器是否支持这种请求方式。如果服务器不支持，则会出现上述错误提示。
二、解决方法
立即学习“PHP免费学习笔记（深入）”；
- 开启跨域支持
先了解一下什么是跨域。跨域是指在一个域名的网页上执行另一个域名的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等身份凭证。
- 更改请求方式
如果不想开启跨域支持，也可以通过更改请求方式来解决问题。在提交form数据时，可以将请求方式改为POST，这样就可以避免出现浏览器预检查的问题。
在HTML中，可以这样修改form表单的method属性：
<form method="POST">
在JavaScript中，可以这样修改ajax请求的type属性：
$.ajax({
type: 'POST',
url: 'http://example.com/path/to/api',
data: postData,
success: function(data) {
console.log(data);
}
});- 修改nginx配置
如果在使用Nginx作为Web服务器时出现上述错误，可以在nginx.conf文件中添加如下配置：
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;
}
...
}其中，Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Allow-Headers、Access-Control-Max-Age等参数的含义和上文中解释的相同。
总结
提交form数据时出现错误是一种常见的问题，对于初学者来说，可能会比较难以解决。本文介绍了提交form出现错误的原因和解决方法，希望能够帮助读者更好地使用ThinkPHP5框架。
