nuxt+ts+vue简单后台项目，记录一些在做的过程中遇到的问题。(代码片段)

export default class AdminLogin extends Vue 
  private name: string = ‘admin‘
  private password: string = ‘admin‘

  // 登录
  private userLogin () 
    const data: object = 
      name: this.name,
      password: Md5.hashStr(this.password)
    ;
    this.$axios.post(‘/api/v1/login‘, data).then((res: any) => 
      if (res.success) 
        this.$store.commit(‘SET_TOKEN‘, res.data.token);
        this.$store.commit(‘SET_USERINFO‘,  name: res.data.name );
        window.localStorage.setItem(‘unserAllInfo‘, JSON.stringify(res.data));
        this.$router.push(‘/admin/‘); // 跳转
       else 
        this.$message.error( message: ‘登录失败，请输入正确的用户名和密码‘ );
      
    );
  

import Vuex from ‘vuex‘;

const store = () => new Vuex.Store(
  state: 
    userInfo: ,
    token: ‘‘
  ,
  mutations: 
    SET_TOKEN (state, data) 
      state.token = data || ‘‘;
    ,
    SET_USERINFO (state, data) 
      state.userInfo = data || ;
    
  ,
  actions: 
    // nuxtServerInit ( commit ,  req ) 
    //   const cookie = req.headers.cookie;
    // 
  ,
  getters: 
    token: (state) => 
      return state.token;
    ,
    getuserInfo: (state) => 
      return state.userInfo;
    
  
);

export default store;

private async created () 
      // 设置登录和token信息，防止刷新的时候store清空
      const userInfo = window.localStorage.getItem(‘unserAllInfo‘) || null;
      if (userInfo) 
        const data = JSON.parse(userInfo);
        this.$store.commit(‘SET_TOKEN‘, data.token);
        this.$store.commit(‘SET_USERINFO‘, data);
       else 
        this.$router.push(‘/admin/login‘);
      
    

// 退出登录
    // GoOut() 
    //   window.localStorage.setItem(‘wmMonitorUsers‘, ‘‘)
    //   this.$router.push(‘/admin/login‘)
    // 

plugins: [
     src: ‘@/plugins/axios‘ ,
  ]

export default function ( $axios, redirect, store ) 
  // http request 拦截器
  $axios.interceptors.request.use(
    (config) => 
      if (store.getters.token) 
        config.headers.Authorization = ‘Bearer ‘ + store.getters.token;
       else 
        config.headers.Authorization = ‘‘;
      
      return config;
    ,
    (err) => 
      return Promise.reject(err);
    );

  // http response 拦截器
  $axios.interceptors.response.use(
    (response) => 
      // 直接返回内容
      if (response.success) 
        return response.data;
      
      return response.data;
    ,
    (error) => 
      // store.commit(types.SET_LOAD, false);
      if (error.response) 
        const code = parseInt(error.response && error.response.status);
        switch (code) 
          case 401:
            sessionStorage.clear();
            redirect(‘/admin/login‘);
            console.log(401);
            break;
          case 403:
            sessionStorage.clear();
            redirect(‘/admin/login‘);
            console.log(403);
            break;
          case 404:
            sessionStorage.clear();
            console.log(404);
            break;
          case 500:
            // Message.error(‘Server exception‘);
            break;
          case 502:
            // Message.error(‘Bad Gateway‘);
            break;
          case 503:
            // Message.error(error.message);
            break;
          case 504:
            // Message.error(error.message);
            break;
          default:
            break;
        
      
      // console.error(error.config.url, error.response.status)
      return Promise.reject(error);
    );

this.$axios.post(‘/api/v1/接口‘,  data: data ).then((res: any) => 
        if (res.success) 
          this.$message.success(‘保存成功！‘);
         else 
          this.$message.error( message: ‘保存失败！‘ );
        
      );

          <nuxt-link :to="name:‘admin-news-id‘, params:id: item._id"> item.title </nuxt-link>

module.exports = 
proxy: 
    ‘/api‘: 
      target: ‘http://172.16.5.248:7001‘, // 目标接口域名
      changeOrigin: true, // 表示是否跨域
      pathRewrite: 
        ‘^/api‘: ‘‘ // 把 /api 替换成‘’
      
    
  ,
  /*
    ** Axios module configuration
    ** See https://axios.nuxtjs.org/options
    */
  axios: 
    // See https://github.com/nuxt-community/axios-module#options
    proxy: true, // 表示开启代理
    prefix: ‘/api‘, // 表示给请求url加个前缀 /api
    credentials: true // 表示跨域请求时是否需要使用凭证
  ,
  /*
    ** Build configuration
    */
  env: 
    serverUrl: ‘http://172.16.5.248:7001‘ // 自己的服务器地址配置
  ,