使用axios實現登入功能

2022-06-13 02:15:22 字數 780 閱讀 8052

1.建立乙個login.vue頁面

1.1 寫頁面 components/login.vue

在 src/components 下建立 login.vue 頁面

測試axios-}

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

import login from

'@/components/login

'export default new router(,

]})

2.1 src\http\apis.js 中配置後端介面呼叫請求

/* eslint-disable */

//介面資訊, 生成請求方法

//引入 get方法, post方法

import from

'./index

'//使用者登入

export const login = (params, headers) => post("

/user/login/

", params, headers)

2.2 在 login.vue 頁面中匯入模組並測試與django聯通

測試axios-}

"requetlogin

">登入

1.3 測試

點選登入按鈕,出發請求,成功登入,並返回django後端資訊

使用axios實現登入功能

1.建立乙個login.vue頁面 1.1寫頁面components login.vue 在 src components 下建立 login.vue 頁面 測試axios 1.2 src router index.js中配置vue路由 import login from components lo...

使用axios實現登入功能

1.建立乙個login.vue頁面 1.1 寫頁面 components login.vue 測試axios 1.2 src router index.js 中配置vue路由 import login from components login export default new router 2...

使用axios實現登入功能 前後端聯調

目錄2.在login.vue頁面中使用axios傳送請求 測試axios import login from components login 修飾符指的是 src目錄 export default new router eslint disable 配置請求django後端的位址 介面資訊,生成請...