1

我正在尝试通过 axios 发出 HTTP Post 请求:

    const onSubmit = (values) => {
      console.log("submit", values);
      // ctx.$i18n.locale = "en";
      axios.post("http://192.168.3.2:8081", { // HTTP POST
        name: state.name,
        age: state.age,
        message: state.message,
        canvas: state.canvas,
      });
    };

我的后端服务器就像(Python):

class S(BaseHTTPRequestHandler):
    def _set_response(self):
        self.send_response(200)
        self.send_header('Access-Control-Allow-Origin', '*')
        self.send_header('Content-type', 'text/html')
        self.end_headers()
    def do_OPTIONS(self):           
        self.send_response(200, "ok")       
        self.send_header('Access-Control-Allow-Origin', '*')                
        self.send_header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS')
        # self.send_header("Access-Control-Allow-Headers", "X-Requested-With")  
    def do_GET(self):
        logging.info("GET request,\nPath: %s\nHeaders:\n%s\n", str(self.path), str(self.headers))
        self._set_response()
        self.wfile.write("GET request for {}".format(self.path).encode('utf-8'))
    def do_POST(self):
        content_length = int(self.headers['Content-Length']) # <--- Gets the size of data
        post_data = self.rfile.read(content_length) # <--- Gets the data itself      
        logging.info("POST request,\nPath: %s\nHeaders:\n%s\n\nBody:\n%s\n",str(self.path), str(self.headers), post_data.decode('utf-8'))
        self._set_response()
        self.wfile.write("POST request for {}".format(self.path).encode('utf-8'))
        f = open(json.loads(post_data.decode('utf-8'))["name"]+ "-" + date.today().strftime("%m-%d-%Y") + ".txt", "w")
        f.write(post_data.decode('utf-8'))
        f.close()

我用 Postman 测试了我的后端服务器,它工作正常,但是如果我用 axios 尝试它,它会在浏览器中不断返回这个错误

POST http://192.168.3.2:8081/ net::ERR_EMPTY_RESPONSE
Uncaught (in promise) Error: Network Error
    at createError (createError.js?2d83:16)
    at XMLHttpRequest.handleError (xhr.js?b50d:84)

顺便说一句:在服务器日志记录中,服务器似乎从未收到过 POST 请求,而只是收到了 OPTIONS 请求。

4

1 回答 1

0

axios 创建的请求是一个承诺

您需要将 a 链接.then到它才能实际发送请求

否则async / await在较新的浏览器中使用关键字

axios的README文件中有一些例子:https ://github.com/axios/axios

于 2021-04-30T09:22:40.997 回答