title: Firebase Hosting Vue.js net::ERR_ABORTED
body: <p>I am trying to host my <strong>Vue.js</strong> app on <strong>Firebase</strong> and have been running into problems. I can run the app fine locally on my machine but when I deploy to <strong>Firebase Hosting</strong>, <strong>index.html</strong> seems to load but the files under <strong>/static</strong> don't seem to load.</p>
  
  <p><img src="https://i.stack.imgur.com/Q5rYs.png" alt="See this "></p>
  
  <p>I get the following <strong>error message:</strong></p>
  
  <blockquote>
    <p>GET
    <a href="https://hostname.com/static/css/app.f6523a21105b673f23ff46cfd6d47a69.css" rel="nofollow noreferrer">https://hostname.com/static/css/app.f6523a21105b673f23ff46cfd6d47a69.css</a>
    net::ERR_ABORTED 404</p>
  </blockquote>
  
  <p>My firebase.json : </p>
  
  <pre><code>"hosting": {
      "public": "public",
      "ignore": [
        "firebase.json",
        "**/.*",
        "**/node_modules/**"
      ],
      "rewrites": [
          { "source": "/notification", "function": "handleCalendarNotification"}, 
          { "source": "/viewTask/**", "destination": "/dist/index.html"}
      ]
    }
  </code></pre>
  
  <p>My vue.js application uses the /viewTask rewrite. </p>
  
  <p>Any ideas? </p>