无法加载反应图像

Question

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

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"}/>
}
}

试试这个