쿠키에 저장이 안되는 이유

methods: {
    async submitForm() {
      try {
        // 비즈니스 로직
        const userData = {
          username: this.username,
          password: this.password,
        };
        const { data } = await loginUser(userData);
        // token 확인 및 store에 저장(commit)
        console.log(data.token);
        this.$store.commit('setToken', data.token);

        // username을 store에 저장하고 메인 페이지로 push
        this.$store.commit('setUsername', data.user.username);
        saveAuthToCookie(data.token);
        saveUserToCookie(data.user.username);
        this.$router.push('/main');
      } catch (error) {
        // 에러 핸들링할 코드
        console.log(error.response.data);
        this.logMessage = error.response.data;
      } finally {
        this.initForm();
      }
    },
    initForm() {
      this.username = '';
      this.password = '';
    },
  },

7_til-list 브랜치에서 강의 따라가고 있는데 

cookies.js를 import 해서 로그인 폼 제출시 saveAuthToCookie와 saveUserToCookie를 사용했는데 브라우저의 쿠키에 저장이 되질 않습니다. 

해결 방법을 알 수 있을까요?

7_til-list 브랜치에서 강의 진행 내용 외에 따로 건드린 것은 없습니다.