安裝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 物流管理系統。而我們今天要聊的就是網際網路專案中的重要角色 電商 近年來,中國的電子商務快速發展,交易額連創新高,電子商務...