vue安装axios

npm install axios --save

import axios from 'axios'
Vue.prototype.axios = axios

this.axios({
  url: '',//请求地址
  method:'POST',//请求方法
  responseType: 'json',//返回值类型
  params: {
    arg1: "arg1"//请求携带参数
  }
}).then(res => {
  console.log(res)//请求成功
}).catch(error => {
  console.log(error);//请求失败
})

import axios from 'axios';

const service = axios.create({
	baseURL: "http://127.0.0.1:8080/projectName",//请求地址前缀
	timeout: 0
});

// 请求拦截器
service.interceptors.request.use(
	config => {
   //添加请求头部参数
		config.headers['arg1'] = "arg1Value";
		return config;
	},
	error => {
		return Promise.reject(error);
	}
);

// 响应拦截器
service.interceptors.response.use(
	response => {
		//拦截到成功的数据
	  	return response.data;
	},
	error => {
		//拦截到失败的数据
		return Promise.reject(error);
	}
);

export default service;

import request from '@/utils/request'; //引入request.js

export function getUserInfo(data) {
	return request({
		url: 'userController/getUserInfo',
		method: 'post',
		data: data
	});
}

<template>
<div>
<h1>{
{userInfo}}</h1>
</div>
</template>
<script> //引入api import { 
 getUserInfo } from './api/user.js'; export default { 
 date(){ 
 return{ 
 userInfo: { 
} } }, mounted(){ 
 const par = { 
arg1: "arg1Value"}; //调用api getUserInfo(par).then(re=>{ 
 //请求成功 返回re this.userInfo = re.data; }).catch(err=>{ 
 //请求失败 }) } } </script>