VUE项目搭建后端请求环境具体步骤V1.0

一，安装axios

npm install axios --Save

二、封装request.js请求文件

在src目录下新建utils文件夹，文件夹下创建request.js文件

//引入axios
import axios from 'axios'

//设置前段默认url值，后续参数中的url会自动拼接在其后
const baseUrl = 'http://***.***.***.***:****/'

//请求拦截,在请求之前进行拦截，例如token验证，Nprogress加载等
axios.interceptors.request.use(function (config) {
})

//响应拦截
axios.interceptors.response.use(function (res) {

})

//封装请求类型实例
const map = new Map()
map.set('get', get)
map.set('put', put)
map.set('delete', del)
map.set('post', post)

//封装请求函数request

/*参数options格式
options = {
  url: '/login', //请求地址，会自动拼接成baseUrl+url
  type: 'get',  //请求类型
  data: {name:'',pass''} //请求参数
}
*/

function request(options) {
  let type = options.type
  if (!type) {
    //直接抛出异常，让程序终止，此异常必须解决