使用說(shuō)明

git clone該模版后都弹，執(zhí)行npm install 安裝所需依賴

環(huán)境配置

支持多環(huán)境打包配置，配置url位于main.js文件內(nèi)锣杂，支持development\uat\fat\prod四個(gè)環(huán)境

update：執(zhí)行 npm run dist 打包所有環(huán)境

登錄邏輯說(shuō)明

用戶打開(kāi)目標(biāo)網(wǎng)站脂倦，程序根據(jù)當(dāng)前l(fā)ocalstorage/cookie來(lái)判斷用戶是否登錄番宁。
如果未登錄，跳轉(zhuǎn)到login頁(yè)面赖阻，用戶點(diǎn)擊login按鈕蝶押，前端跳轉(zhuǎn)到后端的某個(gè)地址，由后端去實(shí)現(xiàn)sso的登錄跳轉(zhuǎn)和返回火欧。
返回后拉取用戶信息棋电，存儲(chǔ)在store/localstorage中，用戶成功登錄該網(wǎng)站苇侵。
登出接口同理离陶。

用戶接口返回信息

該接口信息返回分為兩塊，一塊是用戶信息衅檀，一塊是權(quán)限信息

    "user": {
      "name": "dounai",
      "email": "dounai@jianshu.com",
      "employee": "dounai",
      "sn": "dounai",
      "department": "dounai",
      "id": 2
    },
    "authority": {
      "風(fēng)控運(yùn)營(yíng)": false,
      "其他模塊": true
    }

美化

為保證URL美觀招刨，開(kāi)啟history模式。在當(dāng)前模式下哀军，會(huì)導(dǎo)致發(fā)布后沉眶，刷新當(dāng)前頁(yè)面時(shí)頁(yè)面空白，需要后端童鞋nginx配置相關(guān)

server {
      location / {
          root /dist/;
          rewrite ^ /index.html break;
      }
  }

一般接口返回

所有接口除5xx以外杉适，status均為200谎倔，有錯(cuò)誤的話直接更改result的值即可

{
  result: true/false,
  msg: 'result true 為空，false寫(xiě)內(nèi)容',
  payload: {
    data: [],
    total: 247
  }
}

圖表數(shù)據(jù)返回

餅圖：

[
    ["443",110],
    ["8080",29],
    ["28749",23],
    ["995",19]
]

折線圖：

[
        {
            "data": [
                [1508924689000,0],
                [1508925557000,0],
                [1508926425000,0],
                [1508927293000,0],
                [1508928161000,0],
                [1508929029000,0],
            ],
            "name": "圖例1顯示的名稱"
        },
        {
            "data": [
                [1508924689000,1],
                [1508925557000,1],
                [1508926425000,1],
                [1508927293000,3],
                [1508928161000,1],
                [1508929029000,1],
            ],
            "name": "圖例2顯示的名稱"
        }
]

區(qū)域圖：

數(shù)據(jù)格式和折線圖一致猿推，如果平滑過(guò)渡用aresapline片习，否則用area

更新記錄

2017-9-12 更新：不同頁(yè)面可以設(shè)置不同模塊
2017-10-9 更新：菜單動(dòng)態(tài)配置，根據(jù)菜單動(dòng)態(tài)配置來(lái)實(shí)現(xiàn)層級(jí)權(quán)限檢測(cè)和路由權(quán)限檢測(cè)蹬叭，將常用布局做固定模版
2017-10-10 更新：login\404\500等特殊頁(yè)面獨(dú)立
2017-10-11 更新：面包屑配置藕咏，主要是根據(jù)router里的meta進(jìn)行設(shè)置
2017-10-12 更新：axios封裝』辔澹可選擇vue-resource通過(guò)global.httpGet\httpPost\httpDelete\httpPut來(lái)發(fā)起相關(guān)請(qǐng)求孽查，也可以選擇axios通過(guò)$ajax.get\post\put等來(lái)發(fā)起相關(guān)請(qǐng)求。
2017-10-16 更新：vuex使用坦喘。由于vuex的state在刷新時(shí)會(huì)丟失盲再，所以必須借助于localstorage來(lái)進(jìn)行存儲(chǔ)。
2017-10-25 更新：優(yōu)化登錄邏輯和路由權(quán)限判斷