如何在 gatsby 中从 json 文件加载和显示本地 svg 图像？

Question

I am trying to load local svg files from a json file inside my gatsby project but it's not displaying in the browser. I can see 404 not found error in the console.

Is there any way to solve this out?

Answer 1

It worked..:! I put all the svg's inside the static folder which is outside the src folder and than in json file i just put the path :-

[{
    "id": "1",
    "title": "Test Post",
    "images": [
        {
            "src": "/bg1.svg"
        },            
    ]
}]