2017-05-07 14 views
1

lite-serverを使用してAngularプロジェクトを提供しようとしています。アセットフォルダ内のファイルが要求されると、サーバーは404で応答します。私は bs-config.jsonを作成し、routesオプションを設定しても動作しませんでした。lite-serverでassetsフォルダを提供できません

は、ここに私のディレクトリ構造

 
node_modules/ 
src/ 
..app/ 
....index.html 
..assets/ 
....img/ 
..config/ 
....bs-config.json 

BS-config.json

{ 
    "port": 8000, 
    "files": ["../src/**/*.{html,htm,css,js}"], 
    "server": { 
    "baseDir": ["./src/app", "./"], 
    "routes": { 
     "/assets": "../assets" 
    } 
    } 
} 

私は、ファイルをロードしようとする方法です。 (index.html)

<img src="assets/img/image.png"> 

答えて

2

私は同様の問題がありましたが、相対パスではなく絶対パスでリソースが必要でした。

私は<img src="/assets/img/image.png">のようなものを必要と

{ 
    "port": 8000, 
    "files": ["../src/**/*.{html,htm,css,js}"], 
    "server": { 
    "baseDir": ["./src/app", "./" 
       "./src"    ///<----------Added this item 
       ],  
    } 
} 

のようなBS-config.jsonでそれをsovledしかし、私は、相対URLでこれを試み、それが動作しませんでした。

lite-serverのログ出力でブラウザから要求されたURLを確認できましたので、そこから確認して作業できますか?

関連する問題