“GET”获取脚本文本，“POST”导致“405 method not allowed”，我_did_methods=['GET','POST']（从JavaScript到Flask到Python）

Question

在 Raspberry Pi 中，我使用 Flask 提供网页，该网页使用 JavaScript 发布到 Python 脚本。

文件夹结构：

/home/pi/Elithion/app.py
/home/pi/Elithion/templates/index.html
/home/pi/Elithion/static/wificonfig.py

app.py（使用 Flask 的 Python 代码）

from flask import Flask, render_template, url_for

app = Flask(__name__)

@app.route('/', methods=['GET', 'POST'])
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(debug=True, host='0.0.0.0')

index.html，JavaScript：

function ReqWifiConfig(selectedWiFiNetwork, wiFiPassword) { // Request setting the WiFi configuration

    // Constants
    var WifiConfigScript = '/static/wificonfig.py';
    var ContentKey = 'Content-type';
    var ContentVal = 'application/x-www-form-urlencoded';

    // Send the wifi login credentials to the Python script using AJAX
    var xmlhttp = new XMLHttpRequest();     
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
            ...
        }   
        else if (xmlhttp.readyState==4) {
            alert(xmlhttp.status + xmlhttp.statusText); 
        }
    }
    xmlhttp.open("POST", WifiConfigScript, true);  
    xmlhttp.setRequestHeader(ContentKey, ContentVal);
    var postData = 'nw=' + selectedWiFiNetwork + '&pw=' + wiFiPassword;
    xmlhttp.send(postData);     
}

这会在浏览器中显示此警报：

127.0.0.1:5000 says: 405METHOD NOT ALLOWED

终端中的这条消息：

127.0.0.1 - - (date) "POST / static/wificonfig.py HTTP/1.1 405 -

如果我将“POST”更改为“GET”，它会返回脚本中的文本，所以我知道路径是正确的。

我检查了这些 StackOverflow 答案，但它们没有帮助，因为我确实有正确的路径，我没有使用 HTML 表单，并且 CORS 不适用：

• Sending POST Data through Flask
• POST 405 (Method Not Allowed)
• Flask - POST Error 405 Method Not Allowed
• Method Not Allowed flask error 405
• method not allowed error in flask。

Answer 1

您不能发布到静态文件。如果您有要运行的 Python 代码，您可以在 Flask 视图函数中执行此操作。将您的脚本移动到您的应用程序旁边，使其可导入、导入、调用并返回响应。

from flask import request, jsonify
from import wificonfig import do_config

@app.route('/wificonfig', methods=['POST'])
def wificonfig():
    result = do_config(nw=request.form['nw'], pw=request.form['pw'])
    return jsonify(result)

模板中的 JavaScript 发布到此路由，而不是 wificonfig.py。使用 url_for 生成 URL 并使用 tojson，因为您使用的是 JavaScript 中的值。

var wifiConfigScript = {{ url_for('wificonfig')|tojson }};

Answer 2

解决了，感谢 davidism 的澄清。

文件夹结构：

/home/pi/Elithion/app.py
/home/pi/Elithion/templates/index.html
/home/pi/Elithion/wificonfig.py

app.py（使用 Flask 的 Python 代码）

from flask import Flask, render_template, request
import wificonfig

app = Flask(__name__)

# Show the HTML page
@app.route('/')
def index():
    return render_template('index.html')

# Service the POST request
@app.route('/postService', methods=['POST'])
def postService():
    wifiStatus = 'fail'
    if request.method == 'POST':
        nw = request.form['nw'] # WiFi network
        pw = request.form['pw'] # WiFi Password
        wifiStatus = wificonfig.configwifi(nw, pw)
    return wifiStatus

if __name__ == '__main__':
    app.run(debug=True, host='0.0.0.0')

wificonfig.py 脚本：

def configwifi(nw, np):
    """ Sign onto the WiFi specified network with the given password """
    # ... Code to sign onto the WiFi network
    return 'OK'

index.html，JavaScript：

function ReqWifiConfig(selectedWiFiNetwork, wiFiPassword) { // Request setting the WiFi configuration

    // Constants
    var  WifiConfigScript = '/postService';
    var ContentKey = 'Content-type';
    var ContentVal = 'application/x-www-form-urlencoded';

    // Send the login credentials to the Python script using AJAX
    var xmlhttp = new XMLHttpRequest();     
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
            alert(xmlhttp.status + xmlhttp.statusText); // Returns 'OK'
        }
    }
    xmlhttp.open("POST", WifiConfigScript, true);
    xmlhttp.setRequestHeader(ContentKey, ContentVal);
    var postData = 'nw=' + selectedWiFiNetwork + '&pw=' + wiFiPassword;
    xmlhttp.send(postData);     
}