无法加载React图像

Question

我正在尝试将svg添加到我的React-App中。我已经运行了一个nginX，它当前只服务于一张图片(本地主机:80/ban.svg可以通过浏览器访问，并返回正确的图标)。

import React from "react";

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

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

我是个新手，所以如果这是很明显的事情，我很抱歉。谢谢你的帮助。

Answer 1

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

尝尝这个