url全局地址封装 vue_vue封装全局aixos请求，并调用后端接口

首先在main.js中引入axios

//main.js

import axios from "axios";

封装request.js

// 导入axios

import axios from 'axios'

// 使用element-ui Message做消息提醒

import { Message} from 'element-ui';

//1. 创建新的axios实例，

const service = axios.create({

// 公共接口--这里注意后面会讲

baseURL: http:*********************,

// 超时时间 单位是ms，这里设置了3s的超时时间

timeout: 3 * 1000

})

// 2.请求拦截器

service.interceptors.request.use(config => {

//发请求前做的一些处理，数据转化，配置请求头，设置token,设置loading等，根据需求去添加

config.data = JSON.stringify(config.data); //数据转化,也可以使用qs转换

config.headers = {

'Content-Type':'application/x-www-form-urlencoded' //配置请求头

}

//注意使用token的时候需要引入cookie方法或者用本地localStorage等方法，推荐js-cookie