第一步:在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);     //打印错误信息
});

填补专业知识: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);
    });

之上这篇vue完成把接口独立储放在一个文档方法便是我共享给大伙儿的所有内容了,期待能给大伙儿一个参照,也期待大伙儿多多的适用。