2017-11-30 15 views
-1

私は反応プロジェクトをGHページに展開しようとしていますが、これはURLを作るHashRouterを使っています:https://foo.github.io/foo-site/#/私のCSSの背景画像以外はすべて驚くことではありません。それらはローカルで動作しますが、デプロイメントでは404を取得します。cssの背景が展開されていません

マイフォルダ構造が..です

App/ 
|--build/ 
|--public/ 
| |--images/ 
| | |--background.jpg 
|--src 
| |--Components.js 
| |--style.css 
|--package.json 
|--yarn.lock 

CSSの背景画像のパスが、これは私のローカル反応するサーバー上で動作しますが、いないでさせるようなものを

foo { 
    background-image(/images/background.jpg) 
} 

のように見えます配備?

+0

に背景画像のパスを変更しましたか? –

+1

最初のスラッシュを削除してみてください:background-image( 'images/background.jpg'); – Gomes

+0

はい、彼らはhttps://foo.github.io/foo-site/images/background.jpgでレンダリングしようとしていますので、/ images /の前に#が必要であると仮定していますか?画像の前にスラッシュを削除すると、反応サーバー上で破損します。 – gabe1331

答えて

0

私の画像/フォルダを自分のsrc /フォルダに移動するのは難しいことでした。 `ます。https:// foo.github.io/fooのサイト/画像/ background.jpg`展開すると私はその後で、あなたのイメージである

foo { 
    /*background-image: url(/images/background.jpg)*/ 
    background-image: url(images/background.jpg) 
} 
関連する問題