Axiosが本番環境では機能しない

Question

NuxtでGoogle FormのAPIを叩き、お問い合わせ機能を作りたいのです。
ローカル環境では問題なく動作したのですが、Firebase Hostingに上げて動かしてみるとフォームが機能しません。

NuxtはStaticモードで作成しており、yarn generate後、firebase deployでFirebase Hostingにデプロイしております。

なぜローカルでは機能するのにFirebaseに上げたら機能しないという事態が起こるのでしょうか？
解決策があればお教えいただきたいです。

// nuxt.config.js
  axios: {
    proxy: true
  },

  proxy: {
    '/gfApi/': {
      target: 'https://docs.google.com',
      pathRewrite: {
        '^/gfApi/': ''
      }
    }
  },

// pages/contact.vue

  methods: {
    async sendMail() {
        // フォームのデータを格納
        const submitParams = new FormData()
        submitParams.append('entry.254474111', this.form.name)
        submitParams.append('entry.1625119111', this.form.email)
        submitParams.append('entry.2073870111', this.form.subject)
        submitParams.append('entry.191417111', this.form.message)

        const GOOGLE_FORM_ACTION =
          '/gfApi/forms/u/0/d/e/XXXXX/formResponse'

        await this.$axios
          .post(GOOGLE_FORM_ACTION, submitParams)
          .then((res) => {
            console.log(res)
          })
          .catch((err) => {
            console.log(err)
          })
      }
  }