title: Some files (js, css, images) aren`t loading after refreshing the page in react.js
body: <p>I have problem, I am using react-router for accesing full info news page by clicking link "more", everything showing and rendering fine until I change something in these 2 pages. </p>
  
  <p>FullInfoNews.js</p>
  
  <pre><code>export  class FullInfoNews extends React.Component {
      render (){
          return (
              &lt;div&gt;
                  &lt;div className="row"&gt;
                      &lt;div className="about-title"&gt;
                          &lt;div className="container"&gt;
                              &lt;h2&gt;{this.props.news.body}&lt;/h2&gt;
                              &lt;p&gt;{this.props.news.title} &lt;/p&gt;
                              &lt;img className="center-block" src={this.props.news.image} /&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>
  
  <p>FullInfoNewsContainer.js</p>
  
  <pre><code>export default class FullInfoMediaContainer extends React.Component{
  constructor(){
      super();
      this.state={
          news:[]
      }
  }
  
  componentDidMount(){
      console.log('componentDidMount777');
  
      const url='http://new-sciencepark.1gb.ru/api/getNewsById/'+this.props.params.id+'?lang=Ru' ;
      superagent
          .get(url)
          .query(null)
          .set('Accept', 'application/json')
          .end ((error, response)=&gt;{
          const news=response.body.data.news
          console.log(JSON.stringify(news));
          this.setState({
              news: news
          })
      })
  }
  
  
  render(){
      console.log(this.props)
      const {params}=this.props;
      return(
          &lt;div&gt;
              {params.id}
              &lt;FullInfoNews  news={this.state.news} /&gt;
          &lt;/div&gt;
  
      );
  }
  </code></pre>
  
  <p>}</p>
  
  <p><a href="https://i.stack.imgur.com/B2AeE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B2AeE.jpg" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/TXnXb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TXnXb.jpg" alt="enter image description here"></a>
  The problem is that all the files do not load and shows 404 (not found) error. Why i do not understand? Maybe the problem with DOM?</p>
  
  <p>index.html </p>
  
  <pre><code>  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;Technopark site&lt;/title&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" /&gt;
      &lt;link rel="stylesheet" href="app/style.css"&gt;
      &lt;script  src="https://maps.googleapis.com/maps/api/js?libraries=visualization&amp;key=AIzaSyD1USlQFgU5SK9iHulGnQwUEP7sB-d4Cew"&gt;&lt;/script&gt;
      &lt;script src="app/js/jquery-2.1.3.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
    &lt;body&gt;  
      &lt;div id="app"&gt;&lt;/div&gt;
      &lt;script src="/app/bundle.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>