静态页面

config/index.js

     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
     proxyTable: {
-      // '/api': {
-      //   target: 'http://114.67.101.226:8080',
-      //   changeOrigin: false, // 如果接口跨域，需要进行这个参数配置
-      //   pathRewrite: { '^/api': '' }
-      // },
+      '/api': {
+        target: 'http://123.57.65.31:9004',
+        changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
+        pathRewrite: { '^/api': '/api' }
+      }
       // '/app-api': {
       //   target: 'http://ycapi.jcjyhn.com',
       //   changeOrigin: true, // 如果接口跨域，需要进行这个参数配置

package-lock.json

       "integrity": "sha512-7NQmHra/JILCd1QqpSzl8+mJRc8ZHz3uDm8YV1Ks9IhK0epEiTw8aIErbvH9PI+6XbqhyIQy3462nEsn7UVzjQ==",
       "dev": true
     },
+    "MD5": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/MD5/download/MD5-1.3.0.tgz",
+      "integrity": "sha1-PMJm8Oiau2tDpQ85pFnfW/3gskA=",
+      "requires": {
+        "charenc": ">= 0.0.1",
+        "crypt": ">= 0.0.1"
+      }
+    },
     "abab": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.0.tgz",
           "requires": {
             "safer-buffer": ">= 2.1.2 < 3"
           }
+        },
+        "qs": {
+          "version": "6.5.2",
+          "resolved": "https://registry.npm.taobao.org/qs/download/qs-6.5.2.tgz",
+          "integrity": "sha1-yzroBuh0BERYTvFUzo7pjUA/PjY=",
+          "dev": true
         }
       }
     },
       "integrity": "sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=",
       "dev": true
     },
+    "charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npm.taobao.org/charenc/download/charenc-0.0.2.tgz",
+      "integrity": "sha1-wKHS86cJLgN3S/qD8UwPxXkKhmc="
+    },
     "check-types": {
       "version": "7.4.0",
       "resolved": "https://registry.npmjs.org/check-types/-/check-types-7.4.0.tgz",
         "which": "^1.2.9"
       }
     },
+    "crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npm.taobao.org/crypt/download/crypt-0.0.2.tgz",
+      "integrity": "sha1-iNf/fsDfuG9xPch7u0LQRNPmxBs="
+    },
     "crypto-browserify": {
       "version": "3.12.0",
       "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.0.tgz",
         "vary": "~1.1.2"
       },
       "dependencies": {
+        "qs": {
+          "version": "6.5.2",
+          "resolved": "https://registry.npm.taobao.org/qs/download/qs-6.5.2.tgz",
+          "integrity": "sha1-yzroBuh0BERYTvFUzo7pjUA/PjY=",
+          "dev": true
+        },
         "statuses": {
           "version": "1.4.0",
           "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz",
       "dev": true
     },
     "qs": {
-      "version": "6.5.2",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
-      "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==",
-      "dev": true
+      "version": "6.9.4",
+      "resolved": "https://registry.npm.taobao.org/qs/download/qs-6.9.4.tgz",
+      "integrity": "sha1-kJCykNH5FyjTwi5UhDykSupatoc="
     },
     "query-string": {
       "version": "4.3.4",
         "tough-cookie": "~2.4.3",
         "tunnel-agent": "^0.6.0",
         "uuid": "^3.3.2"
+      },
+      "dependencies": {
+        "qs": {
+          "version": "6.5.2",
+          "resolved": "https://registry.npm.taobao.org/qs/download/qs-6.5.2.tgz",
+          "integrity": "sha1-yzroBuh0BERYTvFUzo7pjUA/PjY=",
+          "dev": true
+        }
       }
     },
     "request-promise-core": {

package.json

     "build": "node build/build.js"
   },
   "dependencies": {
+    "MD5": "^1.3.0",
     "axios": "^0.18.0",
     "exports-loader": "^0.7.0",
     "js-md5": "^0.7.3",
+    "qs": "^6.9.4",
     "script-loader": "^0.7.2",
     "vue": "^2.5.2",
     "vue-amap": "^0.5.10",

src/pages/index.vue

 
     <!-- 内容 -->
     <div class="MainBody flex-item">
-      <router-view></router-view>
+      <div>
+        <router-view></router-view>
+      </div>
     </div>
 
     <!-- tabbar -->
 </template>
 
 <script>
-import { mapState, mapMutations } from 'vuex'
+import md5 from 'js-md5'
+import { mapState, mapMutations, createNamespacedHelpers } from 'vuex'
+const { mapState: mapUserState, mapActions: mapUserActions } = createNamespacedHelpers('user')
 export default {
   name: '',
   data () {
     return {
+      Timer: null
     }
   },
   computed: {
       MainPaddingTop: x => x.MainPaddingTop, // 页面padding-top（不与系统顶部时间栏重叠）
       MainPaddingBottom: x => x.MainPaddingBottom, // 页面padding-bottom（不与系统底部返回栏重叠）
       MainHeaderTitle: x => x.MainHeaderTitle // 页面title
+    }),
+    ...mapUserState({
+      UserInfo: x => x.UserInfo // 用户信息
     })
   },
   components: {
   },
   mounted () {
     this.$nextTick(() => {
+      this.Init()
     })
   },
   methods: {
     ...mapMutations([
       'EditMainData'
-    ])
+    ]),
+    ...mapUserActions([
+      'SignIn'
+    ]),
+    Init () { // 初始化
+      this.SignIn({ data: { password: md5('123456'), userName: '17714208769' } }).then(() => { // 登录
+        if (this.UserInfo === null) {
+          this.$router.push({ name: 'SignIn' })
+        }
+      }).catch(() => {
+      })
+    }
   }
 }
 </script>

src/pages/index/ShouYe/index.vue

 
 <script>
 import Banner from '../../../components/index/Banner'
-import { mapMutations } from 'vuex'
+import { mapMutations, createNamespacedHelpers } from 'vuex'
+const { mapState: mapIndexState, mapActions: mapIndexActions } = createNamespacedHelpers('index')
 export default {
   name: 'index',
   data () {
     }
   },
   computed: {
+    ...mapIndexState({
+    })
   },
   components: {
     Banner
       { name: 'MainTabBarActiveId', value: 1 },
       { name: 'ShowMainHeaderBack', value: false }
     ])
+    this.Init()
   },
   mounted () {
     this.$nextTick(() => {
     ...mapMutations([
       'EditMainData' // 配置页面框架数据
     ]),
+    ...mapIndexActions([
+      'GetBanner'
+    ]),
+    Init () {
+      this.GetBanner({ queryData: { pageNum: 1, pageSize: 10, status: 1, adType: 'app-index-banner' } })
+    },
     Refresh (done) { // 页面下拉刷新
       window.setTimeout(() => {
         done()

src/pages/page.scss

       }
     }
   }
+  > .MainBody {
+    position: relative;
+    overflow: hidden;
+    > div {
+      position: absolute;
+      width: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+    }
+  }
   > .TabBar {
     align-items: center;
     border-top: 0.01rem solid #f7f7f7;

src/store/index/index.js

 
-// import Api from '../../util/Api'
-// import ToolClass from '../../util/PublicMethod'
+import Api from '../../util/Api'
+import ToolClass from '../../util/PublicMethod'
 export default {
   namespaced: true,
   state: {
     ]
   },
   mutations: {
+    UpdateBanner (state, data) { // 更新banner
+      console.log(data)
+    }
   },
   actions: {
+    GetBanner (context, payload) { // 获取banner
+      return new Promise((resolve, reject) => {
+        ToolClass.Axios(resolve, reject, Api.GetBanner, context, payload, 1000, 'UpdateBanner')
+      })
+    }
   }
 }

src/store/user/index.js

 
-// import Api from '../../util/Api'
-// import ToolClass from '../../util/PublicMethod'
+import Api from '../../util/Api'
+import ToolClass from '../../util/PublicMethod'
 export default {
   namespaced: true,
   state: {
     }
   },
   mutations: {
+    UpdateUserInfo (state, data) { // 更新用户信息
+      state.UserInfo = data || null
+    }
   },
   actions: {
+    SignIn (context, payload) { // 登录
+      return new Promise((resolve, reject) => {
+        ToolClass.Axios(resolve, reject, Api.SignIn, context, payload, 1000, 'UpdateUserInfo')
+      })
+    }
   }
 }

src/util/Api.js

 const prefix = process.env.NODE_ENV === 'production' ? '' : '/api'
 
 const $api = {
-  ModifyDailyStatus: { // 修改动态状态
+  SignIn: { // 登录
     method: 'post',
-    url: `${prefix}/business/daily/modifyStatus`
+    url: `${prefix}/app/login`
+  },
+  GetBanner: { // 获取banner
+    method: 'get',
+    url: `${prefix}/app/ad`
   }
 }
 

src/util/PublicMethod.js

 /* eslint-disable */
 import Axios from 'axios'
+import qs from 'qs'
 const ToolClass = {
+  TimeOut (callback) {
+    if (window.InitTimer === undefined) window.InitTimer = null
+    window.clearTimeout(window.InitTimer)
+    window.InitTimer = window.setTimeout(() => {
+      window.clearTimeout(window.InitTimer)
+      callback()
+    }, 300)
+  },
+  ReplaceURLParams (url, params) {
+    const args = { ...(params || {}), org: 'MQ' }
+    return Object.keys(args).reduce((acc, k) => { // 此方法对每个元素进行处理
+      const re = new RegExp(`:${k}(?!w)`, 'i')
+      return acc.replace(re, args[k])
+    }, url)
+  },
   Axios (resolve, reject, target, context, payload = {}, code = 0, commit = null, params = null, hasdata = false) { // Axios
+    let Data = null
+    let Url = null
+    if (payload.urlData !== undefined) {
+      Url = this.ReplaceURLParams(target.url, payload.urlData)
+    } else {
+      Url = target.url
+    }
+    if (payload.queryData !== undefined) {
+      Url += '?' + qs.stringify(payload.queryData)
+    }
+    if (payload.data !== undefined) {
+      Data = payload.data
+    }
+    let Header = {}
+    if (window.localStorage.Jwt !== undefined && window.localStorage.JwtTime !== undefined && window.localStorage.JwtTime + 24 * 60 * 60 * 1000 >= Date.now()) { // 本地获取token
+      Header['x-authorization-jwt'] = window.localStorage.Jwt
+    }
     Axios({
       method: target.method,
-      url: target.url,
-      ...payload
+      url: Url,
+      data: { ...Data },
+      headers: { ...Header }
     }).then(res => {
+      const token = res.headers['x-authorization-jwt']
+      if (token) { // 更新本地存储token
+        window.localStorage.Jwt = token
+        window.localStorage.JwtTime = Date.now()
+      }
       if (res.data.code - 0 === code - 0) {
         if (commit !== null) {
           context.commit(commit, params === null ? res.data.data : hasdata ? { ...params, data: res.data.data } : params)