Vue-cli 대리 해결 크로스 도 메 인 문제
그럼 대 리 는 무엇 입 니까?
프 록 시 서버 는 영어 로 프 록 시 서버 라 고 하 는데 그 기능 은 프 록 시 네트워크 사용자 가 네트워크 정 보 를 얻 는 것 이다.이미지 의 말:그것 은 인터넷 정보의 중계 역 이다.도 메 인 이름 을 방문 한 도 메 인 이름 으로 바 꾸 는 것 으로 간단하게 이해 할 수 있 습 니 다.
그럼 vue 에서 대 리 를 어떻게 설정 합 니까?
1.config 디 렉 터 리 index.js 찾기
2.dev 에 proxy Table 추가
dev: {
env: require('./dev.env'),
port: 8080,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api':{
target:"http://47.93.166.112/BrainPcWeb",// http
changeOrigin:true,
pathRewrite:{
'^/api':''// ‘/api' target ， api
// 'http://40.00.100.133:3002/user/login'， ‘/api/user/login'
}
}
}
main.js 에서 api 를 전역 변수 로 정의 하려 면 이렇게 하 셔 도 됩 니 다.코드 는 다음 과 같 습 니 다:
Vue.prototype.HOST = '/api'
// ， /api/user/login this.HOST/user/login이것 은 개발 환경(dev)에서 크로스 도 메 인 문 제 를 해결 한 것 일 뿐 생산 환경 에서 서버 에 진정 으로 배치 되 었 습 니 다.만약 에 비 동원 이 라면 크로스 도 메 인 문제 가 존재 합 니 다.
서버 에 배치 하여 도 메 인 을 넘 어 문 제 를 해결 하고 앞으로 프로젝트 배 치 는 계속 업 데 이 트 될 것 입 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
