title: "Cross-Origin Request Blocked" interacting with firebase from localhost
body: <p>I'm following <a href="https://medium.com/@oleg.agapov/basic-single-page-application-using-vue-js-and-firebase-part-2-143a3084266f" rel="noreferrer">this tutorial</a> as a way to get familiar with Vue.js, vuex, and Firebase.</p>
  
  <p>I have set up a Firebase account and created a simple 'Signup' page per the linked blog post. I get the following error when trying send a create user request to Firebase.</p>
  
  <blockquote>
    <p>Cross-Origin Request Blocked: 
        The Same Origin Policy disallows reading the remote resource at 
        <a href="https://www.googleapis.com/blah/blah" rel="noreferrer">https://www.googleapis.com/blah/blah</a>.
        (Reason: CORS header ‘Access-Control-Allow-Origin’ does not match ‘<a href="https://localhost:8080" rel="noreferrer">https://localhost:8080</a>’).</p>
  </blockquote>
  
  <p>The signup form triggers the following method:</p>
  
  <pre><code>  userSignUp () {
      if (this.comparePasswords !== true) {
        return
      }
      this.$store.dispatch('userSignUp', {
        email: this.email,
        password: this.password
      })
    }
  </code></pre>
  
  <p>Which in turn calls:</p>
  
  <pre><code>userSignUp ({ commit }, payload) {
    firebase.auth().createUserWithEmailAndPassword(payload.email, payload.password)
  </code></pre>
  
  <p>I am using <code>npm run dev</code> to host the files locally.</p>
  
  <p>Do I need to add something to the request header from within Vue?</p>