vue2与flask的前后端交互

app.vue

<template>
  <div>
  <my-Top></my-Top>
  <my-Body></my-Body>
  <img src="../public/image/5.jpg" alt="..." class="img-circle">
  <button @click="getstudents">点我实现前后端交互</button>
</div>
</template>

<script>

import myTop from './components/mytop.vue'
import myBody from './components/mybody.vue'
import axios from 'axios'
export default {
  name:'App',
  data(){
    return{
      name:'wzy'
    }
  },
  components:{
    myTop,myBody
  },
  methods:{
    getstudents(){
      axios.get('http://localhost:8080/register',{params:{'name':this.name}}).then(
        response=>{
          console.log(response.data)
        },
        error=>{
          console.log(error.message);
        }
      )
    }
  }
}

</script>

<style>
.img-circle {
  border-radius: 50%;
}
</style>

flask

from flask import Flask,render_template,request

app=Flask(__name__)

@app.route("/register")
def register():
    val=request.args.get('name')
    print(val)
    return val;
@app.route("/zhuye")
def zhuye():
    print(request.values)
    return "你好";

if __name__ == '__main__':
    app.run()