在下一个 JS 中调用外部 API

Question

如何在下一个js中调用外部api？

我不断收到错误请求失败，状态代码为 500'，

基本上我想要实现的是这个。使用查询参数将页面重定向回后，我想获取一个外部 api。

这就是我所做的

页面/回调/index.jsx

import React, { useEffect } from "react";
import { useRouter } from "next/router";
import axios from "axios";



const index = () => {
  const router = useRouter();
  useEffect(() => {
    if (router.query.code) {
      axios
        .post("/api/token", {
          code: router.query.code,
        })
        .then((response) => {
          console.log(response);//getting error 500 here
        });
    }
  }, [router.query]);

  return <div>Your Passport callback page</div>;
};

export default index;

页面/api/token.js

export default async function handler(req, res) {
  if (req.method === "POST") {
    const { code } = req.body;
    const data = {
      grant_type: "authorization_code",
      client_id: process.env.CLIENT_ID,
      client_secret: process.env.CLIENT_SECRET,
      redirect_uri: process.env.REDIRECT_URL,
      code,
    };
    const pos = await axios.post("http://localhost:5001/oauth/token", data); //calling external api here
    res.json({ message: "Hello there", pos });
  }
}

我不确定我在这里做错了什么。

有人帮忙谢谢