使用axios实现登录功能

2.在Login.vue页面中使用axios发送请求

2.1 srchttpapis.js 中配置后端接口调用请求

// 接口信息, 生成请求方法 
// 引入 get方法, post方法 
import { get, post } from './index' 

// 用户登录 
export const login = (params, headers) => post("/user/login/", params, headers)

2.2 在 Login.vue 页面中导入模块并测试与django链接

<template>
    <div>
      <p>login测试<button @click="requestlogin">登录</button></p>
    </div>
</template>

<script>
  import {login} from "@/http/apis";

  export default {
      name: "Login",
      data(){
          return{
            n:""
          }
      },
      created() {

      },
      methods:{
        requestlogin(){
            let data={"name":"wewe","pwd":"1"}
            login(data).then((resp)=>{
              console.log(resp);
              }).catch((err)=>{
              console.log(err)
            })
          },
      },
    }
</script>

<style scoped>

</style>

3. 测试