Vue 크로스 도 메 인 요청 문제 해결 방안 프로 세 스 분석

1.이것 은 우리 가 이번에 요청 한 url 인터페이스 주소 입 니 다http://iwenwiki.com/api/blueberrypai/getBlueBerryJamInfo.php

페이지 응답 정 보 를 보고 도 메 인 에 문제 가 있 음 을 알려 줍 니 다.
####
2.위의 크로스 필드 문 제 를 해결 합 니 다:루트 디 렉 터 리 는 아래 vue.config.js 에 기록 합 니 다.

// vue.config.js

module.exports = {
 devServer: {
  proxy: {
   //     
   '/api': {
    target: 'http://iwenwiki.com',
    ws: true,
    changOrigin: true,
    pathRewrite: {
     '^/api': ''
    }
   }
  }
 },
}

3.그리고 ajax 요청 을 보 내 는 곳 에서 다음 과 같은 작업 을 하고 위 파일 에 설 정 된 api 를 사용 합 니 다.api/blueberrypai/getBlueBerry JamInfo.php 는 제 요청 경로 의 일부분 입 니 다.자신의 구체 적 인 수요 에 따라 작성 합 니 다.그리고 요청 하면 성공 적 으로 발송 할 수 있 습 니 다.

설정 이 완료 되면 반드시 다시 시작 해 야 합 니 다(포인트!!)
####
4."/api"를 작성 하지 않 으 려 면 main.js 에서 전역 설정 을 설정 할 수 있 습 니 다.구체 적 으로 다음 과 같 습 니 다.

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.