vue는 인터페이스를 하나의 파일에 단독으로 저장하는 방식을 실현한다

첫 번째 단계: src/router 디렉터리에서 js 파일 (파일 이름: httpConfig.js) 을 만듭니다.
2단계: httpConfig.js 파일에 적으세요.

const aa = 'http://192.168.1.123';// 
const config = {
 bb: aa+ '/article/articleListPage',// 
 
}
// 
export default config;
3단계: 인터페이스 떨어뜨리기

_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는 인터페이스를 하나의 파일에 단독으로 저장하는 방식을 실현하는 것이 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.

좋은 웹페이지 즐겨찾기