config

action/config.js

 export default  {
-  ip:'http://localhost:8081',
+  ip:'http://opensource.yundingshuyuan.com',
 
   api:{
     get:{
@@ -83,7 +83,6 @@ export default  {
         list:'/api/project/',//项目评论列表   +{projectId}/comments
       },
     },
-
     post:{
       Post:{
         release:'/api/post',//发布动态
@@ -143,7 +142,6 @@ export default  {
         list:'/api/project/',//项目发表评论   +{projectId}/comment
       },
     },
-
     delete:{
       Post:{
         delete:'/api/post/',//删除动态  +{postId}
@@ -225,6 +223,7 @@ export default  {
 
 
    },
+    tokenName:'BC_token',
 
   }
 }

action/request.js

@@ -2,7 +2,6 @@
 import config from './config';
 import axios from 'axios';
 const baseUrl = config.ip;
-import state from '../store/state';
 
 /**
  * ajax请求封装
@@ -10,16 +9,22 @@ import state from '../store/state';
  * @param options
  * @returns {Promise<any>}
  */
-const requests = (url, options) => {
 
+axios.interceptors.request.use(axiosConfig => {
+  if(process.browser){
+    var token = localStorage.getItem(config.default_data.tokenName);
+  }
+  if (token) {
+    axiosConfig.headers['Authorization'] = 'Bearer ' + token;
+  }
+  return axiosConfig;
+});
+
+const requests = (url, options) => {
 
   const defaultHeaders = {
     "Content-Type": "application/json"
   };
-  let  accessToken = state().token;
-  if (accessToken) {
-    defaultHeaders.token = accessToken;
-  }
   const {
     method = "GET",
     headers = options.headers||defaultHeaders,

components/pc/pageHeader.vue

@@ -48,7 +48,7 @@
 
           <yun-input @click.native="$router.push('/search')" iconName="search" width='212px' placeholder="请输入关键词" v-model="searchValue"></yun-input>
         </div>
-        <div class="header-center-r" v-if="!user_id">
+        <div class="header-center-r" v-if="!this.$store.user_id">
           <div></div>
           <p class="login-word">
             <span>
@@ -61,12 +61,12 @@
 
           </p>
         </div>
-        <div class="header-center-r" v-if="user_id">
+        <div class="header-center-r" v-if="this.$store.user_id">
           <yun-icon name="add" color="#ccc" hoverColor="#8CD88C"
                     @mouseover.native="changeStateShowBox(1)" @mouseleave.native="changeStateHideBox(1)"></yun-icon>
           <yun-icon name="notification" color="#ccc" hoverColor="#F8A06F"
                     @mouseover.native="changeStateShowBox(3)" @mouseleave.native="changeStateHideBox(3)"></yun-icon>
-          <img class="user-photo" @mouseleave="changeStateHideBox(2)" :src="photo" alt="" @mouseover="changeStateShowBox(2)">
+          <img class="user-photo" @mouseleave="changeStateHideBox(2)" :src="this.$store.user_avatar" alt="" @mouseover="changeStateShowBox(2)">
           <transition  name="fade">
             <ul class="abs-box abs-box1"  v-if="showHideBox1" @mouseover="changeStateShowBox(1)" @mouseleave="changeStateHideBox(1)">
               <li>
@@ -128,6 +128,8 @@
 <script>
 
   import AlertsCard from './alertsMessage/alertsCard';
+  import config from '../../action/config';
+  import {get} from '../../action/request';
 
     export default {
       name:'container-header',
@@ -160,6 +162,7 @@
       },
 
       mounted(){
+        this.getUserInfo();
 
       },
 
@@ -217,6 +220,24 @@
             this.showHideBox3=true
           }
         },
+
+        routeToHome(){
+          console.log();
+          this.$router.push('/home');
+         },
+
+        getUserInfo(){
+          get(config.api.get.User.myInfo).then((data)=>{
+            if(data.code===0){
+              this.$store.user_id = data.data.nickName;
+              this.$store.user_name = data.data.nickName;
+              this.$store.user_avatar = data.data.userAvatar;
+              this.$store.gender = data.data.gender;
+            }else{
+              localStorage.setItem(config.default_data.tokenName,'')
+            }
+          })
+        }
       },
     }
 </script>

components/pc/pagination.vue

@@ -24,7 +24,7 @@
   export default {
     name:'pagination',
     props:{
-      pages:Number,
+      pages:[Number,String],
     },
     data(){
       return {
@@ -56,11 +56,8 @@
             }
             return  arr
           }
-
         }
-
       }
-
     },
 
     methods:{

store/mutations.js

 export default {
-  changeStateToken(state,token){
+  changeToken(state,token){
     state.token = token
-  }
+  },
+  changeUserName(state,user_name){
+    state.user_name = user_name
+  },
+  changeAvatar(state,user_avatar){
+    state.user_avatar = user_avatar
+  },
+  changeUserId(state,userId){
+    state.userId = userId
+  },
+  changeGender(state,gender){
+    state.gender = gender
+  },
+
 }

store/state.js

 export default () =>({
   token:'',
   user_id:'',
+  user_name:'',
+  user_avatar:'',
+  gender:''
 })