axios跨域问题，跪求大佬帮忙

Question

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，控制台没一点反应，什么东西都不显示

Answer 1

你试试把sbumit方法得第一行加上console.log("c成功")应该也不会输出，你是用vue写得代码么？vue得methods不应该是 submit:function(){}这种么？