我想在网络应用程序中加载滑动图像，为此我使用 Bootstrap 轮播。从后台获取图片。图像存储在图像状态中。下面是获取数据的 JSON 格式。

images:[
{
SNO:'1',
NAME:'image.jpg',
PIC_NAME:'image'
}
]

上传图像后，它们存储在 Nodejs 中的一个特殊文件夹中，从那里，我使用端点提取图像。下面是 Nodejs 代码

images.get('/Images/getImages/:slug', function(req, res) {
    var options = {
        root: path.join(__dirname, '/images')
    }
    res.sendFile(req.params.slug, options);
})

下面是用于在 Web 应用程序中获取和显示图像的 ReactJs 代码：

import React, { useState, useEffect } from "react";
import './landingPage.css'
import Instance from "../Axios/Instance";
const Carousal = () => {
    const [images, setImages] = useState([]);
    useEffect(() => {
        fetchImages();
    }, [])
    async function fetchImages() {
        const result = await Instance.get('/carousalimages/getImages');
        setImages(result.data);
    }
    console.log(images);
    return (
        
            

                

                    {
                        images.map((pic) => {
                            return (
                                

                                    
                                
                            )
                        })
                    }
                
                
                    
                    Previous
                
                
                    
                    Next
                
            

        
    )
}

export default Carousal;

但不知道为什么图像没有在应用程序中加载。请帮忙并解释一下。 另外，我使用端点来获取 img src 中的图像，如下面的代码

如果有更好的方法，请提出。