title: VueJs page gives 404 on refresh with django
body: <p>I build VueJs app and copy all static files to django static folder and copy vuejs index.html to django templates folder 
  but when refresh page it raise 404 
  here is my index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
      &lt;meta charset=utf-8&gt;
      &lt;title&gt;FMS&lt;/title&gt;
      &lt;meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name=viewport&gt;
      &lt;link rel=stylesheet href=https://use.fontawesome.com/releases/v5.8.1/css/all.css
            integrity=sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf crossorigin=anonymous&gt;
      &lt;link href=https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css rel=stylesheet&gt;
      &lt;link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css&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;head&gt;
          &lt;link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons"
                rel=stylesheet&gt;
          &lt;link href="{% static "/css/app.6c7cbd2b6c8e41a0245180734aee4192.css" %}" rel=stylesheet&gt;
      &lt;/head&gt;
  &lt;/head&gt;
  &lt;script src=/socket.io/socket.io.js&gt;&lt;/script&gt;
  &lt;body class="skin-blue sidebar-mini"&gt;
  &lt;div id=app&gt;&lt;/div&gt;
  &lt;script&gt;if (window.navigator.userAgent.indexOf("Edge") &gt; -1) {
      window.fetch = undefined;
  }&lt;/script&gt;
  &lt;script type=text/javascript src=./src/main.js&gt;&lt;/script&gt;
  &lt;script src=https://code.jquery.com/jquery-3.3.1.slim.min.js
          integrity=sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo
          crossorigin=anonymous&gt;&lt;/script&gt;
  &lt;script src=https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js
          integrity=sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1
          crossorigin=anonymous&gt;&lt;/script&gt;
  &lt;script src=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
          integrity=sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa
          crossorigin=anonymous&gt;&lt;/script&gt;
  &lt;script src=https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js&gt;&lt;/script&gt;
  &lt;script src=https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.7.2/socket.io.js&gt;&lt;/script&gt;
  &lt;script type=text/javascript src="{% static "/js/manifest.e9739da6f5c27d585419.js" %}"&gt;&lt;/script&gt;
  &lt;script type=text/javascript src="{% static "/js/vendor.7deff2a26292e503ec19.js" %}"&gt;&lt;/script&gt;
  &lt;script type=text/javascript src="{% static "/js/app.bc1afe162faeb2a6bfa3.js" %}"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  
  </code></pre>