vue-cli 개발 환경에서 도메인 간 요청을 구현하는 방법

이 글에서는 vue-cli 개발 환경에서 도메인 간 요청을 구현하는 방법을 주로 소개하고 참고용으로 올려드립니다.

프런트엔드 개발 중에 백엔드 인터페이스에 대한 요청은 도메인 간 요청이 필요한 경우가 많습니다. vue-cli를 사용하여 도메인 간 요청을 구현하려면 config/index.js를 열고 다음 내용을 수정하기만 하면 됩니다.

//例如要请求的接口url为http://172.3.2.1:8000/look/1

module.exports = {
  dev:{
    proxyTable:{
      '/api':{
        target: 'http://172.3.2.1:8000',
        changeOrigin: true,
        pathRewrite: {
         '^/api': ''
        }
      }
    }
  }
}

이때 크로스 도메인 요청을 구현하기 위해 요청하려는 인터페이스의 URL에 /api/look/1을 입력합니다.

이때 F12를 열면 요청한 URL이 localhost:8080/api/look/1임을 알 수 있습니다. 이는 실제로 로컬에서 데이터를 가상으로 요청하는 것이므로 도메인 간 문제는 없습니다. .

일반적인 상황에서는 위의 방법으로 문제가 없습니다. 위의 방법이 작동하지 않으면 다음과 같이 작성해 보세요.

//例如要请求的接口url为http://172.3.2.1:8000/look/1

module.exports = {
  dev:{
    proxyTable:{
      '/look':{
        target: 'http://172.3.2.1:8000',
        changeOrigin: true,
        pathRewrite: {
         '^/look': '/look'
        }
      }
    }
  }
}

위 내용은 제가 모두를 위해 정리한 내용입니다. 앞으로는 모두에게 도움이 되세요.

관련 기사:

속성 리소스 파일 데이터를 읽는 Ajax 메서드

페이지의 특정 콘텐츠에 대한 정기적인 업데이트를 구현하는 Ajax 메서드

응답 콘텐츠 길이를 가져오는 Ajax 메서드

위 내용은 vue-cli 개발 환경에서 도메인 간 요청을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!