weixin_44773271
Tt-wW
2019-09-26 13:21

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

  • node.js
  • vue.js
  • ajax

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

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

3条回答

为你推荐

换一换