Функция Vue-Cookies .set не устанавливает cookie

Question

Функция Vue-Cookies .set не устанавливает cookie в Chrome, Safari или Firefox. Ниже приведен код, который я использую, который вызывается всякий раз, когда кто-то аутентифицируется:

vm.$cookies.set('token', response.headers.authorization)

Где «response.headers.authorization» - это реальная переменная, полученная из данных ответа.

Я не получаю ошибок в консоли и могу видеть файлы cookie сайта с помощью функции .keys.

У кого-нибудь есть идеи? Я разместил большой блок ниже, чтобы дать некоторый контекст.

 export default {
  name: 'Home',
  components: {},
  methods: {
    sso: function () {
      var vm = this;
      axios({
        method: 'POST',
        url: api + 'secure/use',
        headers: {
          'Content-Type': 'application/json',
          'Access-Control-Allow-Origin': '*'
        },
        data: {
          username: vm.$refs.username.value,
          password: vm.$refs.password.value
        }
      }).then(function (response) {
        vm.response = response.data;
        if (response.headers.authorization) {
          console.log(vm.$cookies.keys()) //THIS WORKS.
          vm.$cookies.set('token', response.headers.authorization) //THIS HAS NO EFFECT.
          vm.$router.push('/')
        } else {
          vm.error = true;
        }
      })
    }
  }...