thinkphp5 是一款基于php的開(kāi)源web應(yīng)用框架，它的設(shè)計(jì)理念是簡(jiǎn)單、直觀且靈活的。然而，在使用thinkphp5框架開(kāi)發(fā)時(shí)可能會(huì)遇到一些問(wèn)題和錯(cuò)誤。其中，提交form出現(xiàn)錯(cuò)誤就是常見(jiàn)的問(wèn)題之一。本文將介紹thinkphp5提交form出現(xiàn)錯(cuò)誤的原因和解決方法。

一、錯(cuò)誤原因

在ThinkPHP5中，提交表單數(shù)據(jù)可以使用post方法，也可以使用put、delete等其他方法。然而，提交form數(shù)據(jù)時(shí)，有時(shí)候會(huì)出現(xiàn)錯(cuò)誤提示：“不允許此Http方法提交”，如下圖所示。

這個(gè)錯(cuò)誤提示的原因是由于瀏覽器使用了一種稱(chēng)為“OPTIONS”的預(yù)檢查機(jī)制。當(dāng)使用POST、PUT等非簡(jiǎn)單請(qǐng)求方式提交數(shù)據(jù)時(shí)，瀏覽器會(huì)首先發(fā)送一次OPTIONS請(qǐng)求，以確定服務(wù)器是否支持這種請(qǐng)求方式。如果服務(wù)器不支持，則會(huì)出現(xiàn)上述錯(cuò)誤提示。

二、解決方法

立即學(xué)習(xí)“PHP免費(fèi)學(xué)習(xí)筆記（深入）”；

1. 開(kāi)啟跨域支持

先了解一下什么是跨域。跨域是指在一個(gè)域名的網(wǎng)頁(yè)上執(zhí)行另一個(gè)域名的JavaScript代碼。嚴(yán)格地說(shuō)，只要協(xié)議、域名、端口有任何一個(gè)不同，都被當(dāng)作是不同的域，就會(huì)出現(xiàn)跨域問(wèn)題。而提交form數(shù)據(jù)時(shí)，就有可能因?yàn)榭缬騿?wèn)題而出現(xiàn)上述錯(cuò)誤。

解決方案是在服務(wù)器端開(kāi)啟跨域支持。在ThinkPHP5中，可以在配置文件config.php中添加如下代碼：

// 開(kāi)啟跨域支持
'cross_domain'   => [
    'allow_origin' => ['*'],
    'allow_methods' => ['POST','GET','OPTIONS','PUT','DELETE'],
    'allow_headers' => ['*'],
    'expose_headers'=> ['token'],
    'max_age'       => 3600,
    'allow_credentials' => true,
],

其中，allow_origin參數(shù)指定允許的域名，表示允許所有域名。allow_methods參數(shù)指定允許的請(qǐng)求方式，PUT、DELETE等非簡(jiǎn)單請(qǐng)求方式也需要添加進(jìn)去。allow_headers參數(shù)指定允許的請(qǐng)求頭信息，表示接受任意請(qǐng)求頭。expose_headers參數(shù)指定允許用戶獲取的額外信息，token表示允許獲取token信息。max_age參數(shù)指定允許緩存的時(shí)間，單位為秒。allow_credentials參數(shù)表示允許使用cookie等身份憑證。

2. 更改請(qǐng)求方式

如果不想開(kāi)啟跨域支持，也可以通過(guò)更改請(qǐng)求方式來(lái)解決問(wèn)題。在提交form數(shù)據(jù)時(shí)，可以將請(qǐng)求方式改為POST，這樣就可以避免出現(xiàn)瀏覽器預(yù)檢查的問(wèn)題。

在HTML中，可以這樣修改form表單的method屬性：

<form method="POST">

在JavaScript中，可以這樣修改ajax請(qǐng)求的type屬性：

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

3. 修改nginx配置

如果在使用Nginx作為Web服務(wù)器時(shí)出現(xiàn)上述錯(cuò)誤，可以在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等參數(shù)的含義和上文中解釋的相同。

總結(jié)

提交form數(shù)據(jù)時(shí)出現(xiàn)錯(cuò)誤是一種常見(jiàn)的問(wèn)題，對(duì)于初學(xué)者來(lái)說(shuō)，可能會(huì)比較難以解決。本文介紹了提交form出現(xiàn)錯(cuò)誤的原因和解決方法，希望能夠幫助讀者更好地使用ThinkPHP5框架。

以上就是分析thinkPHP5提交form報(bào)錯(cuò)原因和解決方法的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！