vue 크로스 도 메 인 해결 방법
현지의 정상 적 인 디 버 깅 을 하려 면 해결 방법 은 세 가지 가 있다.
1.배경 변경 헤더
header('Access-Control-Allow-Origin:*');//
header('Access-Control-Allow-Method:POST,GET');//
이렇게 하면 도 메 인 을 넘 어 데 이 터 를 요청 할 수 있 습 니 다.2.JQuery 가 제공 하 는 jsonp 를 사용 합 니 다. (주:vue 에 jquery 도입,자체 바 이 두)
methods: {
getData () {
var self = this
$.ajax({
url: 'http://f.apiplus.cn/bj11x5.json',
type: 'GET',
dataType: 'JSONP',
success: function (res) {
self.data = res.data.slice(0, 3)
self.opencode = res.data[0].opencode.split(',')
}
})
}
}
이런 방법 을 통 해 도 메 인 을 뛰 어 넘 는 문 제 를 해결 할 수 있다.3.http-proxy-middleware 대리 로 해결(프로젝트 는 vue-cli 비계 로 구축)
"예 를 들 어 요청 한url:“http://f.apiplus.cn/bj11x5.json"
1.config/index.js 를 열 고 proxy Table 에 다음 코드 를 추가 합 니 다.
proxyTable: {
'/api': { // "/api" "http://f.apiplus.c"
target: 'http://f.apiplus.cn', //
changeOrigin: true, //
pathRewrite: {
'^/api': 'http://f.apiplus.cn' //
}
}
}
2.axios 요청 데 이 터 를 사용 할 때"/api"를 직접 사용 합 니 다.
getData () {
axios.get('/api/bj11x5.json', function (res) {
console.log(res)
})
이 방법 을 통 해 크로스 도 메 인 을 해결 하고 포장 배 치 를 할 때 이런 방법 으로 문제 가 생 길 수 있다.해결 방법 은 다음 과 같다.
let serverUrl = '/api/' //
// let serverUrl = 'http://f.apiplus.cn/' //
export default {
dataUrl: serverUrl + 'bj11x5.json'
}
총결산이상 에서 말 한 것 은 편집장 이 여러분 에 게 소개 한 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에 따라 라이센스가 부여됩니다.