vue使用request獲取后端驗(yàn)證碼提示錯誤。

login.js代碼

export function getVerify() {
  return request({
    url: '/base/getVerify',
    method: 'get'
  })
}

index.vue代碼

<script>
import { getVerify } from '@/api/login'

export default {
  name: 'login',
  data() {
    return {
      verifyImg: ''
    }
  },
  methods: {
   .......
  },
  created() {
    getVerify().then(response => {
      this.verifyImg = response
    })
  }
}
</script>

我直接訪問http://a.com/base/getVerify 可以訪問到后端提供的驗(yàn)證碼
但是使用這種方法get后端驗(yàn)證碼地址，報錯（非跨域問題）

:9528/#/login:1 Uncaught (in promise) error

看了下header信息是GET沒錯，返回狀態(tài)也是200

Request URL: http://a.com/admin/base/getVerify
Request Method: GET
Status Code: 200 OK
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade
Access-Control-Allow-Credentials: true
Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, authKey, sessionId
Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Origin: http://localhost:9528
Connection: Keep-Alive
Content-Length: 1211
Content-Type: image/png; charset=utf-8
Date: Sun, 25 Mar 2018 09:13:12 GMT
Keep-Alive: timeout=5, max=100
Server: Apache/2.4.27 (Win64) PHP/7.1.9
X-Powered-By: PHP/7.1.9
Accept: application/json, text/plain, */*
Accept-Encoding: gzip, deflate
Accept-Language: zh-CN,zh;q=0.9
Connection: keep-alive
Host: a.com
Origin: http://localhost:9528
Referer: http://localhost:9528/
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36

驗(yàn)證碼無法顯示，請問是否需要修改什么？

<template>
  <div class="auth">
    <el-form autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm">
      <div class="panfish">
        <img :src="imgurl" :class="topimg"/>
      </div>
      <div class="panel">
        <h1 class="title">Sign IN</h1>
        <div class="input-group">
          <div class="input-box">
            <el-form-item prop="username">
              <el-input type="text" v-model="loginForm.username" auto-complete="off" placeholder="請輸入賬號" @focus="username()" @blur="none()"></el-input>
            </el-form-item>
          </div>
          <div class="input-box">
            <el-form-item prop="password">
              <el-input type="password" v-model="loginForm.password" auto-complete="off" placeholder="請輸入密碼" @focus="password()" @blur="none()"></el-input>
              <!--<span class="show-pwd" @click="showPwd"><svg-icon icon-class="eye" /></span>-->
            </el-form-item>
          </div>
          <div class="input-box">
            <el-form-item prop="verifyCode">
              <el-input type="verifyCode" v-model="loginForm.verifyCode" auto-complete="off" placeholder="請輸入驗(yàn)證碼" class="verifyCode"></el-input>
              <img :src="verifyUrl" @click="refreshVerify()" class="verify-pos"/>
            </el-form-item>
          </div>
        </div>
        <el-button type="primary" class="btn" v-loading="loading" @click.native.prevent="handleLogin">登錄</el-button>
      </div>
    </el-form>
  </div>
</template>

<script>
import { getVerify } from '@/api/login'
import normal from '../../assets/images/normal.png'
import greeting from '../../assets/images/greeting.png'
import blindfold from '../../assets/images/blindfold.png'

export default {
  name: 'login',
  data() {
    return {
      imgurl: normal,
      topimg: 'normal',
      loginForm: {
        username: '',
        password: '',
        verifyCode: ''
      },
      verifyUrl: '',
      loginRules: {
        username: [{ required: true, trigger: 'blur', message: '請輸入賬號' }],
        password: [{ required: true, trigger: 'blur', message: '請輸入密碼' }],
        verifyCode: [{ required: true, trigger: 'blur', message: '請輸入驗(yàn)證碼' }]
      },
      verifyImg: '',
      loading: false,
      pwdType: 'password'
    }
  },
  methods: {
    showPwd() {
      if (this.pwdType === 'password') {
        this.pwdType = ''
      } else {
        this.pwdType = 'password'
      }
    },
    refreshVerify() {
      this.verifyUrl = ''
      this.verifyUrl = this.verifyImg + '?v=' + window.moment().unix()
    },
    username: function() {
      this.imgurl = greeting
      this.topimg = 'greeting'
    },
    password: function() {
      this.imgurl = blindfold
      this.topimg = 'blindfold'
    },
    none: function() {
      this.imgurl = normal
      this.topimg = 'normal'
    },
    handleLogin() {
      this.$refs.loginForm.validate(valid => {
        if (valid) {
          this.loading = true
          this.$store.dispatch('Login', this.loginForm).then(() => {
            this.loading = false
            this.$router.push({ path: '/' })
          }).catch(() => {
            this.loading = false
          })
        } else {
          console.log('error submit!!')
          return false
        }
      })
    }
  },
  created() {
    getVerify().then(response => {
      this.verifyImg = response
    })
    this.verifyUrl = this.verifyImg
  }
}
</script>