Vue-Cookies .set函数未设置Cookie

Question

Vue-Cookies .set函数似乎无法在Chrome，Safari或Firefox中设置cookie。以下是我使用的代码，只要有人进行身份验证，就会调用该代码：

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

其中“ response.headers.authorization”是从响应数据中提取的实际变量。

我在控制台中没有任何错误，并且可以使用.keys函数查看网站的Cookie。

有人有什么想法吗？我在下面发布了一个较大的块以提供一些上下文。

 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;
        }
      })
    }
  }...