从本地主机 Jupyter notebook 发送 json 数据到 vue 页面

Question

我有一个本地主机 jupyter notebook python 文件，我正在尝试将数据发送到我的

api/python/index.ts

文件并使用

index.vue

从我的

useFetch('/api/python/')

页面获取所述数据，但我收到一个获取请求错误

使用 nuxt3

错误信息：

GET http://localhost:3000/api/python 405 (HTTP method is not allowed.)

代码：

本地主机 python 脚本

url = 'http://localhost:3000/api/python'

headers = {'Content-type': 'application/json'}

response = requests.post(url, json=top_3_json, headers=headers)

print(response.json())

{'status': 200, 'body': '{"surfboards": \[{"id": 22, "value": 0.04}, {"id": 45, "value": 0.04}, {"id": 46, "value": 0.03}\]}', 'headers': {'Content-Type': 'application/json'}}

'/server/api/python/index.ts'

请求处理代码
代码源-https://nuxt.com/docs/guide/directory-structure/server#catch-all-route（#handling requests with body）

export default defineEventHandler(async (event) => {
    const body = await readBody(event)
    console.log(data)
    return { body }
})

控制台日志输出：

{"surfboards": [{"id": 22, "value": 0.04}, {"id": 45, "value": 0.04}, {"id": 46, "value": 0.03}]}

'/pages/index.vue'

export default {

    setup() {
        
        const { data } = useFetch('/api/python/')

        return { data }

    }

在浏览器控制台中，我收到此错误消息：

GET http://localhost:3000/api/python 405 (HTTP method is not allowed.)

服务器端文件正在返回数据，但无法从客户端访问

任何帮助将不胜感激，

杰克

Answer 1

在 Python 脚本中，您正在发出 POST 请求。

来自其他代码的错误消息说您正在发出 GET 请求，端点不处理该请求（因此是 405 状态代码）。

如果 Python 代码成功，那么您也应该在您的其他客户端中发出 POST 请求。