vue axios整合

第一步：

安装 cnpm install axios

 

第二步：新建一个http.js

http.js内容：

import Axios from 'axios'

// 设置后端api路径
Axios.defaults.baseURL = 'http://127.0.0.1:8082'
// Axios.defaults.headers['Access-Control-Allow-Origin'] = '*'
// Axios.defaults.headers['Access-Control-Allow-Methods'] = 'POST'
// Axios.defaults.headers['Access-Control-Allow-Headers'] = 'x-requested-with,content-type'
// 设置请求头
Axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

Axios.interceptors.request.use(config => {
//   config.headers['Accept-Key'] = Store.getters.key
  return config
}, error => {
  Promise.reject(error)
})

// 设置拦截 出现错误时提示 错误信息
Axios.interceptors.response.use(response => response, error => {
  return Promise.reject(error)
})

export default Axios

 

第三步：注册Axios

 

在main.js里面注册

import HttpRequest from '@/utils/http'

Vue.prototype.$http = HttpRequest

 

第四步：访问

 this.$http.get('user/complex/check?useacc=182123754&usepwd=68601166').then((response) => {
        console.log(response)
      }).catch((error) => {
        console.log(error)
      })