1.根目录创建文件

utils/article.js
utils/request.js
可以创建在不同文件夹下，引入的时候引入相应文件就可以

request.js

需要安装axios库

npm install axios -S

import axios from 'axios';

axios.defaults.baseURL = 'http://127.0.0.1/';		//公共请求地址

//请求拦截器      interceptors拦截器
axios.interceptors.request.use(function(config){
	//发送请求前
	//config.headers['token'] = "123"; 	//请求前给请求头加token
	return config
},function(error){
	//请求错误
	return Promise.reject(error)
	//console.log(error)
});

//响应拦截器
axios.interceptors.response.use(function(response){
	//响应数据
	// console.log(response)
	return response
},function(error){
	//响应数据错误
	return Promise.reject(error)
	// console.log(error)
});

export default axios;  //直接返回axios

article.js

import request from '@/utils/request';
//第一种写法  有参数则传递参数，没有参数可以不写
export function list(data){
	return request.get('contract/list',data);
}
//第二种写法
export function list(data){
	return request({
		method:'get',
		url:'contract/list',
		data
	})
}

页面使用

<script>
import {list} from '@/utils/article.js'
export default {
	data(){
		return{
		}
	},
	created() {
	},
	methods:{
		li(){
			list().then(res=>{
				console.log(res)
			})
		}
	}
}
</script>