axios封装

server/http.js:

// 封装一下axios方法；
import axios from 'axios'

 // `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。
  // 它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL
axios.defaults.baseURL = 'http://172.28.194.52:3000/'//这是请求的域名地址


// get和post传params的区别，get要{params},否则失败；
 function GET(url, params) {
    return new Promise((scuessful, fail) => {
        axios.get(url, {params})
            .then(function (response) {
                scuessful(response);
            })
            .catch(function (error) {
                fail(error);
            });
    });
}
 function POST(url, params) {
    return new Promise((scuessful, fail) => {
        axios.post(url, params)
            .then(function (response) {
                scuessful(response);
            })
            .catch(function (error) {
                fail(error);
            });
    });
}

// export default 导出的是一个对象集合；
export default{
    GET,POST
}

// 引用方法的方式：
// 这是文件是使用export default{方法1，方法2}，以导出对象的方式；使用的时候要：对象.方法1()
// import HTTP from '~/assets/server/http.js' 使用的时候就，HTTP.GET();

// export 导出的是一个方法；
// export function funcName(){}

// 这是文件已export function funcName(){}的方式导出方法，引用的时候要{方法1，方法2}的方式。用的时候直接：方法1();
// import {GET,POST} from '~/assets/server/http.js' 使用的时候，就GET();

server/api.js

// 这个文件主要用于放置所有接口

// 这是文件是使用export default{方法1，方法2}，以导出对象的方式；使用的时候要：对象.方法1()
import HTTP from '~/assets/server/http.js'

// 这是文件已export function funcName(){}的方式导出方法，引用的时候要{方法1，方法2}的方式。用的时候直接：方法1();
// import {GET,POST} from '~/assets/server/http.js'

// ##############################################################################################

// 本js方法的例子：
// function funcName(参数){
//    return HTTP.GET('接口地址',参数)
// }

// ##############################################################################################
// ————次数————
function getVisitors(){
   return HTTP.GET('/article/articleList')//访问次数
}

// ————文章————
function getAticleList(){
   return HTTP.GET('/article/articleList')//获得文章列表
}

function postAticle(){
   return HTTP.POST('/article/articleList')//获得文章内容
}

function getAticleRead(){
   return HTTP.get('/article/articleList')//获得文章阅读次数
}

// ————评论————
function getMessageList(){
   return HTTP.GET('/article/articleList')//获得评论列表
}

function postMessage(){
   return HTTP.POST('/article/articleList')//提交评论
}


export default{
    // funcName

    // 访问次数
    getVisitors,

    // 博客接口
    getAticleList,
    postAticle,
    getAticleRead,

    // 留言接口
    getMessageList,
    postMessage,
}

// ##############################################################################################
// 在其他页面引用本js的方式是：
// import SERVER from '~/assets/server/api.js'
// SERVER.funcName(参数).then((data) => {
//     成功调用的方法
//   }).catch(() =>
//     失败调用的方法
//   )
// }
// ##############################################################################################