“跨源请求被阻止”与来自本地主机的 Firebase 交互

Inc*_*tic 5 javascript cross-domain firebase vue.js

我关注本教程是为了熟悉 Vue.js、vuex 和 Firebase。

我已经设置了一个 Firebase 帐户并根据链接的博客文章创建了一个简单的“注册”页面。尝试向 Firebase 发送创建用户请求时出现以下错误。

跨域请求被阻止:同源策略不允许读取https://www.googleapis.com/blah/blah 上的远程资源 。(原因:CORS 标头“Access-Control-Allow-Origin”与“ https://localhost:8080 ”不匹配)。

注册表单触发以下方法:

  userSignUp () {
    if (this.comparePasswords !== true) {
      return
    }
    this.$store.dispatch('userSignUp', {
      email: this.email,
      password: this.password
    })
  }
Run Code Online (Sandbox Code Playgroud)

依次调用:

userSignUp ({ commit }, payload) {
  firebase.auth().createUserWithEmailAndPassword(payload.email, payload.password)
Run Code Online (Sandbox Code Playgroud)

我正在使用npm run dev本地托管文件。

我是否需要在 Vue 中向请求标头添加一些内容?