nuxt.js 初始化页面调用jsonp报错 document is not defined

Question

nuxt.js 初始化页面调用jsonp报错 document is not defined
methods 事件方法调用完全可以

<script>
import axios from 'axios'
import jsonp from 'jsonp'
import AppLogo from '~/components/AppLogo.vue'
import test from '~/components/test.vue'
//import Button from '~/components/Button.vue'
import Message from '~/components/Message.vue'
export default {
  //middleware: 'auth',
  
  data() {
    return {
      bidName:''
    }
  },
  created:function(){
      
  },
  async asyncData(callback){
       jsonp('xxxx',null,(err,data)=>{
        if(err){
          console.log(err.Message);
        }else{
         console.log(data);
        
        //return {info:data}
        }
      }).then((res)=>{
        return {info:res.data}
      })
  },
  components: {
    AppLogo,
    test,
    //Button,
    Message
  },
  methods:{
    async gety(){
      jsonp('xxx',null,(err,data)=>{
        if(err){
          console.log(err.Message);
        }else{
         console.log(data);
         this.bidName=data.model.productList[0].financial.bidName;
        //return {info:data}
        }
      })
    }
  }
}
</script>

Answer 1

asyncData 里面掉了那个工具包 jsonp，它里面有 DOM 相关的，在服务端不支持