Axios请求成功，但JSON中的图像链接在尝试在react页面上显示时以状态403响应

const express = require('express');
const app = express();

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*'); // 或者指定具体的域名
  res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
  next();
});

axios.get('your-api-endpoint', {
  headers: {
    'Authorization': 'Bearer your-token'
  }
});

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

function ImageDisplay() {
  const [imageSrc, setImageSrc] = useState('');

  useEffect(() => {
    axios.get('your-api-endpoint', {
      headers: {
        'Authorization': 'Bearer your-token' // 如果需要认证
      }
    })
    .then(response => {
      setImageSrc(response.data.imageUrl); // 假设 JSON 中的图像链接字段为 imageUrl
    })
    .catch(error => {
      console.error('Error fetching image:', error);
    });
  }, []);

  return (
    <div>
      {imageSrc ? <img src={imageSrc} alt="Fetched Image" /> : <p>Loading...</p>}
    </div>
  );
}

export default ImageDisplay;