无法从next.js应用程序获取strapi数据

import axios from 'axios';

export default async function handler(req, res) {
  try {
    const response = await axios.get('https://your-strapi-api-endpoint.com/posts');
    const data = response.data;
    res.status(200).json(data);
  } catch (error) {
    console.error(error);
    res.status(500).json({ message: 'Error retrieving data from Strapi' });
  }
}

import React, { useEffect, useState } from 'react';

function MyComponent() {
  const [data, setData] = useState([]);

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = async () => {
    try {
      const response = await fetch('/api/strapi');
      const data = await response.json();
      setData(data);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      {/* 渲染数据 */}
    </div>
  );
}

export default MyComponent;