Vue simple encapsulation of axios to solve the problem of not receiving parameters on the post request backend

import axios from 'axios';
import qs from 'qs'
import router from '../router'
import { MessageBox} from 'mint-ui'
// Note the point, write as followsvar instance = ();
 = 10000;
['Content-Type'] = 'application/x-www-form-urlencoded';
export default {
  fetchGet(url, params = {}) {
    return new Promise((resolve, reject) => {
      (url, params).then(res => {
        if( === 302) {
          MessageBox('hint', 'Login is invalid, please log in again');
          ('Login is invalid, please log in again', 'hint').then(action => {  
            ("/login");
          });
        }
        resolve();
      }).catch(error => {
        reject(error);
      })
    })
  },
  fetchPost(url, params = {}) {
    /*
     Axios post request backend cannot receive parameters:
     Solution 1: Effective, but the compatibility is not very good, not all browsers support it
       let data = new URLSearchParams()
       for (var key in params) {
         (key, params[key])
       }
     */
    // Solution 2: Use the qs module (provided in axios), and use () to serialize params    return new Promise((resolve, reject) => {
      (url, (params)).then(res => {
        resolve();
      }).catch(error => {
        reject(error);
      })
    })
  }
}

import http from './public'
export const getStation = (params) => {
  return ('/hydro/rest/getBelongUser', params);
}
export const userLogin = (params) => {
  return ("/hydro/rest/login", params);
}

<template>
  <div class="login">
    <h1>Login page</h1>
    <input type="text" placeholder="Please enter a username" v-model="Username">
    <input type="password" placeholder="Please enter your password" v-model="Password">
    <input type="button" value="Log in" @click="toLogin">
  </div>
</template>
<script>
import {userLogin} from "../../api/index"
export default {
 name: 'app',
 data() {
  return {
   Username: "",
   Password: ""
  }
 },
 methods: {
  toLogin() {
    let params = {
      username: ,
      password: 
    };
    userLogin(params).then(res => {
      if( === 200) {
        this.$("/home")
      }
    })
  }
 }
}
</script>

<template>
  <h1 class="home">
    {{stationName}}
  </h1>
</template>
<script>
import {getStation} from "../../api/index"
export default {
  data() {
    return{
      stationName: ""
    }
  },
  created() {
    getStation().then(res => {
       = ;
    })
  }
}
</script>