Блог

В настоящее время я пытаюсь добавить svg в свое React-приложение. У меня запущен nginX, который в настоящее время обслуживает только одно изображение (localhost: 80 / ban.svg доступен через браузер и возвращает правильный значок).

 import React from "react";

export class App extends React.Component{
    render(){
        return <img src={"localhost:80/ban.svg"}/>
    }
}
 

Приведенный выше код не работает. Он просто говорит «Не удалось загрузить изображение» и отображает изображение ошибки браузера по умолчанию.

Я довольно новичок в React, поэтому извините, если это что-то действительно очевидное. Спасибо за помощь.

 import React from "react":
export class App extends React.Component{
render(){
    return <img src={"http://localhost:80/ban.svg"}/>
}
}
 

Попробуйте это