vue如何把接口单独存放在一个文件

第一步：在src/router目录下，建立一个js文件（文件名：httpConfig.js）；

第二步：在httpConfig.js文件里面写上

const aa = 'http://192.168.1.123';//本地测试
const config = {
    bb: aa+ '/article/articleListPage',//所需的接口

}
//需要让外部拿到
export default config;

第三步：掉接口

_this.$http({
    url: _this.$httpConfig.bb,             //接口地址
    method: 'POST',                        //请求方式
    contentType: "application/json;",      //内容类型
    headers: {
        'Content-Type': 'application/json' //请求头
    },
    dataType: "json",                      //数据格式
    async: false,                          //设置同步/异步
    data: {
                                           //所需参数
    },
}).then(function(response) {
    console.log(response.data);            //打印成功信息
}, function(error) {
    console.log(error);                    //打印错误信息
});