開課吧Vue電商專案實戰 一 登入認證

2021-09-25 01:14:11 字數 2344 閱讀 4122

安裝cube-ui

vue add cube-ui
配置router

需要驗證時新增meta標籤,確認哪個路由需要受保護

import vue from 'vue'

import router from 'vue-router'

import home from './views/home.vue'

import login from './views/login.vue'

import from 'vuex'

vue.use(router)

const router = new router(,,,

// route level code-splitting

// this generates a separate chunk (about.[hash].js) for this route

// which is lazy-loaded when the route is visited.

component: () => import( /* webpackchunkname: "about" */ './views/about.vue')

}]})

router.beforeeach((to, from, next) => else })}

} else

})export default router

在store中設定全域性token

import vue from 'vue'

import vuex from 'vuex'

vue.use(vuex)

export default new vuex.store(,

mutations:

},actions:

})

login.vue元件寫入

main.js中全域性註冊axios

import vue from 'vue'

import './cube-ui'

import router from './router'

import store from './store'

import axios from 'axios'

vue.config.productiontip = false

vue.prototype.axios = axios

login元件中寫入,非同步請求伺服器比對使用者名稱和密碼,成功後跳轉到原先未登入前的頁面

既然要請求伺服器了,我們可以在vue.config.js的configurewebpack中的devserver中寫乙個開發用的自定義伺服器

module.exports = }},

pluginoptions:

},configurewebpack: = req.query

if (username === 'vansal' && password === '123') )

} else )}})

}}

}}

當我們每次請求伺服器是都要攜帶token,我們可以設定所有的http請求預先放入token令牌

根目錄下新建http-interceptor.js檔案,寫入

import axios from 'axios'

import store from './store'

axios.interceptors.request.use(

config =>

})

這個檔案只要執行一次就可以了,所以只要把它放入main.js中就可以了,因為匯入後會自動執行一遍

this.axios.get('/api/logout') 登出時傳送了請求

所以在vue.config.js中加入

res.json()

})在響應回來之前,我們要判斷使用者是否已登出或token令牌是否已過期,所以在http-interceptor.js中配置響應***

// 響應***

axios.interceptors.response.use(

response => })}

}return response

})

mysql電商實戰筆記 電商平台專案實戰補充內容

一 mysql操作日誌 general log 能記錄mysql所有的操作日誌 包括增刪改查 不過他會耗費資料庫5 10 的效能,所以一般沒特別需要時不開啟此功能,一般在查詢問題時才開啟,完成後及時關閉 1 客戶端連線mysql 2 查詢日誌是否開啟 show variables like gene...

電商專案 登入頁面補充

之前完成了登入頁面,登入過後要跳轉到另個頁面,主體的後台管理系統 在login.vue裡面新增 1.將登入成功之後的token,儲存到客戶端的sessionstorage中 1.1專案中除了登入之外的其他api介面,必須在登入之後才能訪問 1.2token只應該在當前 開啟期間生效,所以將token...

電商專案專題 一 電商入門

學習電商專案,自然要先了解這個行業,所以我們首先來聊聊電商行業 主要從需求方 盈利模式 技術側重點這三個方面來看它們的不同 各種企業裡面用的管理系統 erp hr oa crm 物流管理系統。而我們今天要聊的就是網際網路專案中的重要角色 電商 近年來,中國的電子商務快速發展,交易額連創新高,電子商務...