1.创建一个Login.vue页面
1.1 写页面 components/Login.vue
在 src/components 下创建 Login.vue 页面
测试axios-{{title}}
1.2 src/router/index.js 中配置vue路由
import Login from ‘@/components/Login‘
export default new Router({
routes: [
{ path: ‘/login‘, name: ‘Login‘, component: Login },
]
})
2.在Login.vue页面中使用axios发送请求
2.1 srchttpapis.js 中配置后端接口调用请求
/* eslint-disable */
// 接口信息, 生成请求方法
// 引入 get方法, post方法
import { get, post } from ‘./index‘
// 用户登录
export const login = (params, headers) => post("/user/login/", params, headers)
2.2 在 Login.vue 页面中导入模块并测试与django联通
测试axios-{{title}}
<button @click="requetLogin">登录
1.3 测试
点击登录按钮，出发请求，成功登录，并返回django后端信息
分类: vue
原文：https://www.cnblogs.com/yan2001/p/13771168.html
【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:254677821)！