vue項目使用axios

1、在項目目錄下安裝axios

使用方法有兩種第一種

2(1 可以直接在main.js中引入axios，並配置好axios，最后掛載在vue上

 

2(2 新建一個js文件 比如fetch.js，在fetch文件下配置axios ，當需要使用時引入fetch文件使用

import axios from 'axios'
import router from '../../router/index'
// import baseUrls from './url.config'
// import store from '../store'
// import { BASE_API } from '../config/env'

// 創建axios實例

const service = axios.create({
  //baseURL: baseUrls.ybapi,           // api的base_url
  timeout: 60000, // 請求超時時間
  transformRequest: [function (data) {

    // Do whatever you want to transform the data
    let ret = ''
    for (let it in data) {
      ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
    }
    return ret
  }],
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
  },
})

// request攔截器
service.interceptors.request.use(config => {
  // Do something before request is sent
  if (config.url.indexOf('ips_api') == -1) {
    config.headers.token = window.localStorage['yb_token'];
  }

  //debugger
  return config
}, error => {
  // Do something with request error
  return Promise.reject(error)
})

// respone攔截器
service.interceptors.response.use(
  response => {
      return response;
  },
  error => {
    return Promise.reject(error)
  }
)

export default service

 

 

具體使用參考：http://blog.lee-cloud.xyz/post/1/Axios-zhong-wen-wen-dang