vue는 인터페이스를 하나의 파일에 단독으로 저장하는 방식을 실현한다
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는 인터페이스를 하나의 파일에 단독으로 저장하는 방식을 실현하는 것이 바로 편집자가 여러분에게 공유한 모든 내용입니다. 여러분께 참고가 되고 저희를 많이 사랑해 주시기 바랍니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.