axios跨域配置好了,但是点击一点反应都没有,有时候跨域失败,(但是配置没错啊)求大佬帮忙
import axios from 'axios'
Vue.prototype.$axios = axios
axios.defaults.baseURL = '/api'
module.exports = {
devServer: {
open: true,
host: '127.0.0.1',
port: 8080,
https: false,
hotOnly: false,
proxy: { // 配置跨域
'/api': {
target: 'http://localhost:3000',
ws: true,
changOrigin: true,
pathRewrite: {
'^/api': ''
}
}
},
before: app => { }
}
}
<template>
<div class="test">
名字:{user.name}
年龄: {user.age}
<input type="submit" @click='submit'>
</div>
</template>
<script>
export default {
name : 'test',
data() {
return {
user : []
}
},
methods : {
submit(){
this.$axios.get('/api/test').then(result =>{
console.log(result)
this.name = result.name
this.age = result.age
}).catch(err =>{
console.log(err)
})
}
}
}
</script>
router.get('/test',(req,res)=>{
let user ={
name : 'tw',
age : 18
}
return res.json(user)
})
点击submit,控制台没一点反应,什么东西都不显示