vue - cli3. x 4. x devserver 설정 에이 전 트 를 통 해 크로스 필드 문 제 를 해결 합 니 다.
devServer: {
// open: process.platform === 'demo',
// host: 'localhost',
// port: 8080,
// open: true, //
proxy: {
"/opAdmin": {
target: "http://116.65.61.193:8081", //
changeOrigin: true,
pathRewrite: {
"^/opAdmin": "/opAdmin" // /opAdmin http://116.65.61.193:8081/opAdmin , /opAdmin http://116.65.61.193:8081/opAdmin
// "^/opAdmin": "/" // /opAdmin http://116.65.61.193:8081/ , /opAdmin http://116.65.61.193:8081/
}
},
"/openParkApi": {
target: "http://116.65.61.193:8087", //
changeOrigin: true,
pathRewrite: {
"^/openParkApi": "/openParkApi" //
}
},
}
}메모: vue. config. js 파일 을 수정 하려 면 npm 를 다시 시작 해 야 항목 이 적 용 됩 니 다!!
그 다음 에 axios 에서 차단 할 때 baseURL 옵션 을 설정 하지 않 고 다음 코드 를 통 해 정식 환경의 인터페이스 주 소 를 설정 합 니 다 (axios 패키지 에서)
// url axios
if (process.env.NODE_ENV === "development") {
url = "/opAdmin" + url;// vue.config.js pathRewrite {"^/opAdmin": "/"} ( )
// url = "http://www.webapi.com/api"+url , ( )
}마지막 호출 인터페이스:
this.$http
.get("/openParkApi/v1/common/qiniu/token")
.then((res) => {
if (res.data.upToken) {
this.token = res.data.upToken;
}
});이 곳 의 / openParkApi 로 시작 하 는 인 터 페 이 스 는 일치 하 는 것 을 알 수 있 습 니 다.http://116.65.61.193:8087/openParkApi이 인터페이스 주소
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
