Vue.js Netlify表单提交不能重定向到自定义感谢页面

<template>
  <form @submit="submitForm">
    <!-- 表单元素 -->
    <input type="text" v-model="name" placeholder="姓名" required>
    <input type="email" v-model="email" placeholder="邮箱" required>
    <!-- 其他表单元素 -->

    <!-- 提交按钮 -->
    <button type="submit">提交</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      email: '',
      // 其他表单数据
    };
  },
  methods: {
    submitForm(event) {
      event.preventDefault(); // 阻止表单默认提交行为

      // 发送POST请求到Netlify的表单处理终结点
      fetch('https://api.netlify.com/forms/your-form-id/submissions', {
        method: 'POST',
        body: JSON.stringify({
          name: this.name,
          email: this.email,
          // 其他表单数据
        }),
      })
        .then(response => {
          if (response.ok) {
            // 请求成功，进行页面重定向到自定义感谢页面
            this.$router.push('/thank-you');
          } else {
            // 请求失败，处理错误
            console.error('提交表单失败');
          }
        })
        .catch(error => {
          console.error('提交表单失败', error);
        });
    },
  },
};
</script>