无法加载 React 图片

Question

我正在尝试将 svg 添加到我的 React-App。我有一个 nginX 运行目前只提供一张图片（浏览器可以访问 localhost:80/ban.svg 并且 returns 正确的图标）。

import React from "react";

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

上面的代码不起作用。它只是说“无法加载图像”并显示默认的浏览器错误图片。

我是 React 的新手，如果这真的很明显，我很抱歉。感谢您的帮助。

Answer 1

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

试试这个

React image can't be loaded