javascript - Saya ingin bertanya kepada anda, apabila webpack membungkus imej, ia tidak boleh dipaparkan pada halaman Adakah anda mempunyai sebarang soalan tentang direktori akar tapak web?

Question

Tolong beri nasihat ye abang upload dulu gambar, dulu direktori fail:

.

Seterusnya ialah maklumat konfigurasi bahagian imej webpack:

Masalah khusus yang dihadapi ialah: gambar tidak boleh dipaparkan dan konsol penyemak imbas melaporkan ralat yang mengatakan bahawa gambar tidak dapat ditemui. Saya melihat dalam kod konsol bahawa laluan imej ialah: http://localhost:3000/images/...
Oleh kerana set contentBase sebelum direktori akar tapak ialah /views, index.html juga diletakkan di dalamnya . Pada masa ini, saya menetapkan contentBase kepada '/' Kesan yang saya ingin capai ialah menetapkan direktori akar kepada direktori tahap yang sama bagi fail konfigurasi webpack.html juga diletakkan di luar paparan folder juga dalam direktori akar Seterusnya, saya menukar laluan imej kepada ./images/logo.png, tetapi apabila saya membuka halaman penyemak imbas, saya tidak menemuinya
Pada masa ini, saya menyekat contentBase dan indeks .html masih berada di luar, tetapi saya masih tidak menemuinya. . .
Jadi kami menghadapi percanggahan:
Jika paparan direktori akar dan imej berada pada tahap yang sama, maka gambar tidak akan dipaparkan (tekaan peribadi saya ialah gambar tidak dibungkus dalam direktori akar), tetapi apabila melaraskan kandunganBase , Saya mahu meletakkan imej dalam direktori akar, tetapi saya tidak mendapatnya, dan saya tidak tahu bagaimana untuk mendapatkannya?

Answer 1

//引入图片的姿势不正确，不可以直接这样 ‘../images/...‘;
//要么 
import logo from ‘../images/logo.png’;
<img src={logo} alt=""/>

要么 
<img src={require('../images/logo.png')} alt=""/>

//以上两种随便选

Answer 2

Semak tetapan publicPath anda, ia biasanya ditetapkan kepada direktori akar '/'