Angular 2：使用express js从静态存储中获取图像

Question

我在后端使用带有express的节点js，我有一个包含一些图像的静态文件夹，所以我试图在客户端加载角度为2的图像，这是我的代码的一部分：< / p>

后端方：

app.use(express.static(__dirname + '/Images')); //'./Images' contains images that I need 

前端：

<mg src="http://localhost:3000/Images/image1.png" /> //it's a fruitlessly try 

这是显示的错误：

  

image1.png：1 GET localhost：3000 / Images / image1.png 404（未找到） -

Answer 1

我加载图片的方式如下：

case types.ADD_PAGE_TO_PLAYLIST: {
  let playlistDictCopy = Object.assign({}, state.playlistDict );

  if ( !playlistDictCopy[ action.playlistId ].hasOwnProperty('pages') ) {
    playlistDictCopy[ action.playlistId ].pages = [];
  }

  playlistDictCopy[ action.playlistId ].pages.push( action.pageId );

  return Object.assign( {}, state, { playlistDict: playlistDictCopy } );
}

我忽略了

   <div class="chromecast">
      <img class="img-responsive" 
        src="/images/chromecast-site.jpeg" [style.width]="imageWidth" 
        height="auto">
   </div>

我的server.ts在

之下

"http://localhost:3000

可能你可能需要修改你的：