use localstorage, change to my egg api

config/dev.env.js

@@ -3,5 +3,6 @@ var prodEnv = require('./prod.env')
 
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
-  BASE_API: '"https://easy-mock.com/mock/5950a2419adc231f356a6636/vue-admin"',
+  BASE_API: '"http://localhost:7001/api/v1/admin"'
+  // BASE_API: '"https://easy-mock.com/mock/5950a2419adc231f356a6636/vue-admin"'  
 })

src/api/login.js

@@ -2,7 +2,7 @@ import fetch from '@/utils/fetch'
 
 export function login(username, password) {
   return fetch({
-    url: '/user/login',
+    url: '/users/signin',
     method: 'post',
     data: {
       username,
@@ -13,7 +13,7 @@ export function login(username, password) {
 
 export function getInfo(token) {
   return fetch({
-    url: '/user/info',
+    url: '/users/info',
     method: 'get',
     params: { token }
   })
@@ -21,7 +21,7 @@ export function getInfo(token) {
 
 export function logout() {
   return fetch({
-    url: '/user/logout',
+    url: '/users/logout',
     method: 'post'
   })
 }

src/store/getters.js

@@ -2,7 +2,7 @@ const getters = {
   sidebar: state => state.app.sidebar,
   token: state => state.user.token,
   avatar: state => state.user.avatar,
-  name: state => state.user.name,
+  username: state => state.user.username,
   roles: state => state.user.roles
 }
 export default getters

src/store/modules/user.js

@@ -4,7 +4,7 @@ import { getToken, setToken, removeToken } from '@/utils/auth'
 const user = {
   state: {
     token: getToken(),
-    name: '',
+    username: '',
     avatar: '',
     roles: []
   },
@@ -13,8 +13,8 @@ const user = {
     SET_TOKEN: (state, token) => {
       state.token = token
     },
-    SET_NAME: (state, name) => {
-      state.name = name
+    SET_USERNAME: (state, username) => {
+      state.username = username
     },
     SET_AVATAR: (state, avatar) => {
       state.avatar = avatar
@@ -46,7 +46,7 @@ const user = {
         getInfo(state.token).then(response => {
           const data = response.data
           commit('SET_ROLES', data.role)
-          commit('SET_NAME', data.name)
+          commit('SET_USERNAME', data.username)
           commit('SET_AVATAR', data.avatar)
           resolve(response)
         }).catch(error => {

src/utils/auth.js

@@ -1,15 +1,18 @@
-import Cookies from 'js-cookie'
+// import Cookies from 'js-cookie'
 
-const TokenKey = 'Admin-Token'
+// const TokenKey = 'Admin-Token'
 
 export function getToken() {
-  return Cookies.get(TokenKey)
+  // return Cookies.get(TokenKey)
+  return localStorage.getItem('Authorization')
 }
 
 export function setToken(token) {
-  return Cookies.set(TokenKey, token)
+  // return Cookies.set(TokenKey, token)
+  return localStorage.setItem('Authorization', token)
 }
 
 export function removeToken() {
-  return Cookies.remove(TokenKey)
+  // return Cookies.remove(TokenKey)
+  return localStorage.removeItem('Authorization')
 }

src/utils/fetch.js

@@ -12,7 +12,7 @@ const service = axios.create({
 // request拦截器
 service.interceptors.request.use(config => {
   if (store.getters.token) {
-    config.headers['X-Token'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+    config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
   }
   return config
 }, error => {

src/views/dashboard/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="dashboard-container">
-    <div class='dashboard-text'>name:{{name}}</div>
+    <div class='dashboard-text'>username:{{username}}</div>
     <div class='dashboard-text'>role:<span v-for='role in roles' :key='role'>{{role}}</span></div>
   </div>
 </template>
@@ -11,7 +11,7 @@ export default {
   name: 'dashboard',
   computed: {
     ...mapGetters([
-      'name',
+      'username',
       'roles'
     ])
   }