前后端出现404错误

Question

这个错误用python语言写进行前后端交互，出现数据收集不到

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题描述： 在使用 Python 进行前后端交互时，无法正常收集到数据。 解决方法：

1. 确认前端是否正确发送了数据。可以通过浏览器的开发者工具查看 Network 面板中的请求内容，看是否正确发送了需要的数据。
2. 确认后端是否正确接收了数据。可以在后端代码中打印出收到的数据，确认数据是否正确。
3. 确认数据的格式是否正确。前后端要约定好传输的数据格式，如使用 JSON 格式进行传输。
4. 确认 HTTP 请求方式是否正确。若是需要向后端发送数据，则需要使用 POST 请求方式。
5. 通过调试工具进行调试。如 PyCharm 提供了调试工具，可以设置断点，逐步调试，查看实时数据的变化情况。 案例： 前端使用 Axios 发送 POST 请求，但后端无法接收到正确的数据。 前端代码：

axios.post('/api/data', {
  name: 'John',
  age: 18
}).then(response => {
  console.log(response.data)
})

后端代码：

from flask import request
@app.route('/api/data', methods=['POST'])
def receive_data():
  data = request.get_json()
  print(data)
  return 'success'

解决方法： 首先，使用开发者工具查看请求情况，发现请求正常发送，但后端却无法接收到数据。 然后，通过打印 data 的内容发现，数据格式并不正确，如下所示：

{data:{name: "John", age: 18}}

应该将 data 层级去掉才是正确的数据格式，如下所示：

{name: "John", age: 18}

因此，前端代码需要做出修改：

axios.post('/api/data', {
  data: {
    name: 'John',
    age: 18
  }
}).then(response => {
  console.log(response.data)
})

这样就可以在后端正常接收到数据了。