Unauthorized user - Githubissues

mbambirra commented 5 years ago

When i try to sync local pouchdb with remote couchdb i get "401 (Unauthorized)".

I'm trying to do this:

this.$pouch.getSession().then((data) => {
      if (data.status === 0) {
        this.$router.push('/login')
        console.log('most likely offline')
        return;
      }
      if (!data.user || !data.hasAccess) {
        this.$router.push('/login')
        return
      }
      console.log(data)
      this.session = data.user
      this.$pouch.sync('userdb-' + toHex(this.session.name), 'http://[couchip]:5984/userdb-' + toHex(this.session.name), {
        selector: {
          type: 'userdb',
          assignee: this.session.name
        }
      })
    })

assemblethis commented 5 years ago

Hi KaelM, this might have to do with the AuthSession cookie. If you go into your browser's dev tools and don't see the AuthSession cookie then you'll get back a 401 Unauthorized message from your couch database when you try to access it.

If it's there an you are still getting a 401 Unauthorized message, it's probably due to the fetch API (PWAs use the fetch api) not including the AuthSession cookie when requesting data from the couch db. You need to provide the optionsDB default with an override to the fetch function to include credentials, which is different from when you use XHR. The code below is from the TypeScript example on the readme page of this project:

Vue.use(pouchVue,{
  pouch: PouchDB,
  defaultDB: 'todos',
  optionsDB: {
    fetch: function (url:any, opts:any) {
        opts.credentials = 'include';
        return PouchDB.fetch(url, opts);
    }    
  }
})

MDSLKTR / pouch-vue

Unauthorized user #25