axios发送登录请求_使用axios实现登录功能(前后端联调)

1.创建一个Login.vue页面

1.1 写页面components/Login.vue

在 src/components 下创建 Login.vue 页面

测试axios-{ {title}}

import { login } from '@/http/apis';

export default {

data () {

return {

title:'测试axios'

}

},

methods: {},

created(){}

}

1.2 src/router/index.js 中配置vue路由

import Login from '@/components/Login' //@修饰符指的是 src目录

export default new Router({

routes: [

{

path: '/login',name: 'Login',component: Login},

]

})

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

2.1 src\http\apis.js 中配置后端接口调用请求

/* eslint-disable */

// 配置请求django后端的地址

// 接口信息,生成请求方法

// 引入get方法,post方法

import { get,post } from './index'

// 用户登录