【vue2】axios20220225

环境

cnpm install axios --save

main.js

Vue.prototype.$http= axios
import axios from 'axios'

axios/get

**其实axios有get.post带参数不带参数之分，
其实get带参数只不过?xxx或者params
但是post不一样，带参数有几种情况，如果用data发过去后台就是null,因为axios发过去的格式是application/json，后台不能识别，这里解决方法就是在后台用@requestBody接受，或者前台把data用params代替,这样他就会自动像get一样拼接。

至于input里面的值可以用v-model双向绑定
**

export default {
  methods: {
    submit() {
        this.$http({
          method:"get",
          url:'http://localhost:8082/login/access',
          params:{
            name:'1',
            pwd:'3'
          }
        });
    },
  },
};

axios/post

        <input type="password" v-model='pwd' />

export default {
  methods: {
    submit() {
        this.$http({
          method:"post",
          url:'http://localhost:8082/login/access',
          data:{
            name:this.name,
            pwd:this.pwd
          }
        }).then(function(res){
    }).catch(function (error) {
        // console.log(error);
    });
    },
  },