<template>
  <div class="container">
    <div class="userinfo" @click='login'>
      <img :src="userinfo.avatarUrl" alt="">
      <p>{{userinfo.nickName}}</p>
    </div>

    <button open-type="getUserInfo" lang="zh_CN" class='btn' @getuserinfo="login">点击登录</button>
  </div>
</template>
<script>
 import qcloud from 'wafer2-client-sdk'
 import {showSuccess} from '../../utils/index'
 import config from '../../config/config'

 export default {
    data () {
      return {
        userinfo: {
          avatarUrl: '../../../static/img/me.png'
 },
 canIUse: wx.canIUse('button.open-type.getUserInfo')
      }
    },
 methods: {
      login (e) {
        console.log(e.mp.detail.userInfo)
        let user = wx.getStorageSync('userinfo')
        const self = this
        if (!user) {
          qcloud.setLoginUrl(config.loginUrl)
          qcloud.login({
            success: userInfo => {
              qcloud.request({
                url: config.userUrl,
 login: true,
 success: userRes => {
                  console.log('登陆成功', userInfo)
                  showSuccess('登录成功')
                  wx.setStorageSync('userinfo', userInfo)
                  self.userinfo = userRes.data.data
 },
 fail: () => {
                  console.log('登陆失败')
                }
              })
            }
          })
        }
      }
    },
 onShow () {
      let userinfo = wx.getStorageSync('userinfo')
      if (userinfo) {
        this.userinfo = userinfo
      }
    }
  }
</script>

<style>
 .container {
    padding: 0 30rpx;
 }

  .userinfo {
    margin-top: 100rpx;
 text-align: center;

 }

  img {
    width: 150rpx;
 height: 150rpx;
 margin: 20rpx;
 border-radius: 50%;
 }
</style>

网络请求和 本地server 报错如下

老师帮忙看看可能是因为啥了呀～