Vue项目整合接口到同一个配置文件

首先创建一个js文件，我的命名是用api.js。

//数据接口的ip和端口
const ip = 'http://192.168.101.127:8080';



const zymllist = ip+'/hg6000/dsjjm/zymllist.do';
const wsqk = ip+'/hg6000/dsjjm/wssj.do';
const fdcqk1 = ip+'/hg6000/dsjjm/fdcqkZ.do';
const fdcqk2 = ip+'/hg6000/dsjjm/fdcqkB.do?sbno=2018-09&xzqhbm=420000&xzqhjb=2';
const sq = ip+'/hg6000/dsjjm/hbssq.do'

//一定要注册才可以使用
export default {
    zymllist: zymllist,
    wsqk: wsqk,
    fdcqk1:fdcqk1,
    fdcqk2:fdcqk2,
    sq:sq,
}

在其他 .vue 文件内，如需调用api.js内的接口，需要先引用：

import api from "common/js/api";

引用完成后，使用如下：

this.axios
        .get(api.sq, {   //api.sq  为 api.js 文件夹中，名称为 sq 的接口路径
          params: {   //传入的参数
            a:a  
          }
        })
        .then(res => {  //此处要使用箭头函数，this指向才正确
           console.log(res)
        })
        .catch(function(error) {
          alert(error);
        });

 

转载于:https://www.cnblogs.com/liuwei54/p/10018503.html