<script>
import axios from 'axios'

export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  methods: {
    getImg () {
      axios.get('https://static.segmentfault.com/v-595f50ca/global/img/logo-b.svg')
        .then((response) 
 
=> {
          console.log(response)
        }).catch((error) => {
          console.log(error)
        })
    },
    addInterceptors () {
      axios.interceptors.request.use(function (config) {
        // Do something before request is sent
        console.log('開始請求')
        console.log(`請求地址: ${config.url}`)
        
 
return config
      }, function (error) {
        // Do something with request error
        console.log('請求失敗')
        return Promise.reject(error)
      })
      axios.interceptors.response.use(function (config) {
        // Do something before request is sent
        console.log('接收響應')
        return
 
 config
      }, function (error) {
        // Do something with request error
        console.log('響應出錯')
        return Promise.reject(error)
      })
    }
  },
  mounted () {
    this.addInterceptors()
    this.getImg()
  }
}
</script>