ReactJSコンポーネント内の関数を使用してCouchDBデータベースからユーザープロフィール画像を読み込みます。自分のコンピュータでは、画像は問題なくロードされます。couchdbデータベースからの画像のロード
予想したように他の人がポート10002
に私のマシン上で実行されているNodejsウェブアプリサーバーに接続するとき、彼らは写真を見ることができない、なぜなら127.0.0.1
のlocalhostです:
loadImage(){
return(
<div>
<img src={'http://127.0.0.1:5984/passport-test/'+this.props.store.user._id+'/pic.jpg'}
height ='70px'/>
</div>
)
}
はしたがって、私はへ127.0.0.1
を変更192.168.145.137
は私のマシンのIPアドレスです。しかし、今回は、写真は自分のマシンにロードされませんし、私は次のエラーを取得しています:
Failed to load resource: net::ERR_CONNECTION_REFUSED
私はCouchDBのデータベース文書から画像を読み込むについての何かが欠けていた場合、私は疑問に思います。
また、もう一つの問題は、Webブラウザ上で、CouchDBのデータベースのIPアドレスとポートiがCTRL + シフト + を押すと、以下に示すように、Sources
タブに移動して見ることができ、そこにあります。 couchdbデータベースのIPアドレスとポートを隠す方法はありますか?
私はCouchDBの 'bind_address'を' 0.0.0.0'に変更し、コード内でCouchDBサーバーのIPアドレス、つまり '192.168.145.137'を使用しました。 – user3405291