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);
        });