vue axios 跨域配置

devServer: {
        disableHostCheck: true,
        host:'http://127.0.0.1',// 前端地址
        port:'8020',
        proxy: {
            '/api':{
                target:'http://127.0.0.1:8080',// 后端地址
                changeOrigin:true,
                pathRewrite:{
                    '^/api': ''
                }
            }
        },
    },

<script>
    export default {
        name: "Login",
        data() {
            return {
                image: '',
                form: {
                    username: '',
                    password: '',
                    code: '',
                    method: 'login'
                },
            }
        },
        methods: {
            onSubmit(event) {
                event.preventDefault();
                var url = '/api/user';
                var data = this.form;
                this.$http.post(url, this.qs.stringify(data), {
                    withCredentials: true,// 允许跨域cookie
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',// 代表数据是表单
                    }
                }).then((response) => {
                    console.log(response.data);
                    if (response.data.code === 1) {
                        alert("登录成功，跳转到主页");

                        this.$router.push('/');
                        sessionStorage.clear();
                        localStorage.clear();
                        sessionStorage.setItem('user',response.data.obj)
                    } else {
                        alert(response.data.message)
                    }
                })
            },
            onReset(event) {
                event.preventDefault();
                this.form.username = '';
                this.form.password = '';
            },
            yanCode() {
                this.image = '/api/code'
            },
            resetCode(event) {
                event.preventDefault();

                if (this.image) {
                    this.image = '/api/code?reset=' + new Date().getTime();// 验证码刷新
                    console.log(this.image)
                }
            }
        },
        mounted() {
            this.yanCode()
        }
    }
</script>

<script>

    export default {
        name: "Register",
        data() {
            return {
                image: '',
                form: {
                    username: '',
                    password: '',
                    email: '',
                    name: '',
                    gender: '',
                    birthday: '',
                    code: '',
                    method: 'register'
                }
            }
        },
        methods: {
            onSubmit(event) {
                event.preventDefault();
                //alert(JSON.stringify(this.form))
                var url = '/api/user';
                //var data = JSON.stringify(this.form)
                var data = this.form;

                this.$http.post(url, this.qs.stringify(data), {
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                    }
                }).then((response) => {
                    console.log(response.data);
                    if (response.data.code === 1) {
                        alert("注册成功，请到登录页面登录");
                        this.$router.push({name: 'Login'})
                    } else {
                        alert(response.data.message)
                    }
                })
            },
            yanCode() {
                this.image = '/api/code'

            },
            resetCode(event) {
                event.preventDefault();

                if (this.image) {
                    this.image = '/api/code?reset=' + new Date().getTime()
                    console.log(this.image)
                }
            }
        },
        mounted() {
            this.yanCode()
        }

    }
</script>

验证码

     yanCode() {
                this.image = '/api/code'
            },
            resetCode(event) {
                event.preventDefault();

                if (this.image) {
                    this.image = '/api/code?reset=' + new Date().getTime();// 验证码刷新
                    console.log(this.image)
                }
            }
        },
        mounted() {
            this.yanCode()
        }