vue-element-admin：
登陸重新配置：
原理：1.通過使用者名稱+密碼返回token值
2.將token設定給狀態機中的state
將token設定給本地混存cookie
3.攜帶token，請求使用者資訊 user/info
拿到使用者資訊後才能夠進行頁面跳轉
配置：
1.配置基路徑
.env.development：開發環境的基路徑
.env.production：產品階段的基路徑
2.修改子路徑
尋找思路：
login/index.vue->this.store.displatch("/user/login")->
store/user.js中的login方法：
1.獲取使用者名稱密碼-》拿到返回值token，設定給本地+設定個state
2.在login內部的login方法中傳送非同步請求：
api/user.js:
url: '/user/info',
結果：api/user.js:
去掉url路徑中的vue-element-admin
url: '/user/info',
url: '/user/login',
url: '/user/logout'
3.修改/取消 表單驗證規則
login/index.vue:
el-form標籤上，刪除:rules屬性
修改預設使用者名稱密碼this.loginform{}
4.設定請求攔截
request.js:
請求攔截：
config.headers['authorization'] = gettoken()
響應攔截：
修改狀態碼屬性code-》status，並且修改對應數字
if (res.status !== 200)
if (res.status === 401 || res.status === 403)
5.修改返回的使用者資訊屬性名
store/modules/user.js:
getinfo方法-利用解構思想：
const = data
6.打包配置
1.vue.config.js:
publicpath: '/',
2.去掉產品階段的模擬資料
注釋31-34行
if (process.env.node_env === 'production') = require('../mock')
mockxhr()
}3.打包
npm run build:prod
dist->部署
vue專案搭建
前提安裝好node不再贅述 可以在自帶的命令列中執行,也可以在webstome中執行 安裝cnpm npm install g cnpm registry 安裝webpack 這一步可以省略,反正你也不會用 cnpm install webpack g 全域性安裝 vuecnpm install g...
Vue專案搭建
vue cli 專案搭建及常用外掛程式安裝，報錯解決 環境搭建 node v 檢測版本 2.安裝webpack npm install webpack g webpack v 檢測是否安裝成功 專案搭建 1.npm install vue cli g vue v 接下來的步驟有兩種方式 1 cd 進...
vue專案搭建
1 安裝 映象，用cnpm裝東西很省事，目前沒被坑過 一下命令在cmd中完成 可以不按裝 npm install g cnpm registry 2 安裝vue腳手架 cnpm install g vue cli測試是否成功安裝 vue v 3.進入安裝的資料夾目錄，構建檔案結構目錄 vue ini...