tp5验证码如何返回 手册上有
先在vue.config.js设置跨域
['/api/system/login/verify']: {
target: 'http://gq.skyrover.com.cn/api/system/login/verify',
changeOrigin: true,
pathRewrite: {
['^/api/system/login/verify']: ''
}
},
store/user.js
const actions = {
// user login
login({ commit }, userInfo) {
const { name, password,captcha } = userInfo
return new Promise((resolve, reject) => {
login({ name: name.trim(), password: password,captcha:captcha }).then(response => {
console.log('response', response)
const { data } = response
commit('SET_TOKEN', data.data)
setToken(data)
resolve(response)
}).catch(error => {
reject(error)
})
})
},
dom
<el-form-item prop="captcha" style="width: 200px;">
<el-input ref="verify" v-model="loginForm.captcha" placeholder="验证码" name="verify" type="text" tabindex="1" autocomplete="on" />
<img id="verify" src="/api/system/login/verify" style="width: 140px;
height: 44.5px;
position: absolute;
margin-left: 50px;" @click="resetVerify"/>
</el-form-item>
在 methods:下写方法:
resetVerify(){
document.getElementById('verify').setAttribute('src','/api/system/login/verify?id='+(((1+Math.random())*0x10000)|0).toString(16))
},