Nuxt.JS:如何在vue文件中获取后参数数据

问题描述

我正在将paytm支付网关集成到我的nuxt js项目中。买我 无法获取将paytm重定向到我的回调的发布数据 网址。

解决方法

由于asyncData使您可以访问reqres(请参阅https://nuxtjs.org/guide/async-data/#use-reqres-objects),因此可以解析正文以获取POST参数。我在那里找到了这个解决方案,所以我没有尝试。实际上,最好使用中间件来解析它并在该页面中加载中间件。

<script>
export default {
  asyncData ({ req,res }) {
    if (process.server) {
      const qs = require('querystring')
      let body = ''
      let temp = ''
      let paymentData = ''

      while(temp = req.read()) {
        body += temp
      }

      paymentData = qs.parse(body)

      return { data: paymentData }
    }
  },data () {
    return {
      paymentData: '',}
  },mounted () {
    console.log(this.paymentData)
  }
</script>