你好，我是nuxt的新手，現在在做一個有購物車系統的網站。我用cookie 儲存了一個token, 每次傳api時，只要加上header Authorization去傳送這個token就可取得資料.

我在localhost做測試時, 一切正常, 但當運行npm run generate並把檔案在到正式server時, 我發現用nuxt-link轉換頁面可成功取到資料，但當重新整理頁面時，就會出現Internal Server Error，請問要怎樣解決這個問題？謝謝

以下是我編寫的code, 不知是否this.$cookiz.get("usertoken")出了問題導致的:
store/index.js頁面的:

export const state = () => ({
    cart: {},
  });
  
  export const mutations = {
    SET_CART_DATA(state, value) {
      state.cart = value;
    },
  };
  
  export const actions = {
    async nuxtServerInit({ commit, dispatch }, { req }) {
      await dispatch("CartData");
    },
  
    async CartData({ commit }, value) {
        const config = {
          headers: { Authorization: this.$cookiz.get("usertoken") },
        };
        const { data } = await this.$axios.get(
          process.env.baseUrl + '/shopcar',
          config
        );
        commit("SET_CART_DATA", data);
    },
  };

cart.vue頁面的:

<template>
  <div>
    {{cart}}
  </div>
</template>
<script>
export default {
  data() {
    return {
        cart: this.$store.state.cart
    }
  }
}
</script>

Error的信息:
https://drive.google.com/file/d/1V7zbuM-RprV0DGH-AO0SwJIY6dbrjbAm/view?usp=sharing