使用axios實現登入功能

2022-08-09 14:33:17 字數 1070 閱讀 3599

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

newrouter(,

] })

2.login.vue頁面中使用axios傳送請求2.1 src\http\apis.js中配置後端介面呼叫請求

/*

eslint-disable

*///

介面資訊, 生成請求方法

//引入 get方法, post方法

import from

'./index'//

使用者登入

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

/user/login/

", params, headers)

2.2login.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...

使用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後端的位址 介面資訊,生成請...