P粉5093831502023-08-22 00:48:37
在create-react-app
中,似乎無法使用相對路徑來引用圖片。相反,你可以使用import來引入圖片:
import logo from './logo.png' // 图片的相对路径 class Nav extends Component { render() { return ( <img src={logo} alt={"logo"}/> ) } }
P粉4781887862023-08-22 00:46:47
您正在使用相對URL,它是相對於目前URL而不是檔案系統的。您可以透過使用絕對URL來解決此問題
<img src ="http://localhost:3000/details/img/myImage.png" />
但是,當您部署到www.my-domain.bike或任何其他網站時,這並不理想。更好的方法是使用相對於網站根目錄的URL
<img src="/details/img/myImage.png" />