在客戶端封裝一個http.js文件

將axios添加到Vue的原形，這樣一切vue實例都可以使用該對象

import Vue from 'vue'
import axios from 'axios'

axios.defaults.baseURL = 'http://localhost:7001' // 給axios設置默認的url
axios.defaults.timeout = 30000

axios.interceptors.request.use(
  (config) => {
    const url = config.url.split('/')
    if (url[url.length] !== 'login') {
      config.headers.common.Authorization = 'Bearer ' +
          localStorage.getItem('Token')
    }
    return config
  },
  (error) => {
    // 請求錯誤處理
    return Promise.reject(error)
  }
)

Vue.prototype.$http = axios // 將axios添加到Vue的原形，這樣一切vue實例都可以使用該對象