如何在Nuxt.js中重定向到外部URI并传递POST数据？

在 Nuxt.js 中使用 $axios 库来发送 POST 请求并获取响应数据。

export default {
  methods: {
    async postData() {
      try {
        const response = await this.$axios.post('/api/submit', { data: 'example' })
        console.log(response)
      } catch (error) {
        console.error(error)
在需要重定向的页面中，使用 $axios 库发送 POST 请求并获取响应数据。并且在响应数据中包含重定向 URI。
export default {
  async asyncData({ $axios }) {
    try {
      const response = await $axios.post('/api/redirect', { data: 'example' })
      return { redirectUri: response.data.redirectUri }
    } catch (error) {
      console.error(error)
使用 $axios 库在客户端进行重定向。在重定向时传递 POST 数据。
export default {
  mounted() {
    this.$axios.post(this.redirectUri, { data: 'example' }, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } })
      .then(response => {
        console.log('Redirect successful.')
      .catch(error => {
        console.error(error)