>  기사  >  웹 프론트엔드  >  vue-cli는 도메인 간 요청을 수행합니다.

vue-cli는 도메인 간 요청을 수행합니다.

php中世界最好的语言
php中世界最好的语言원래의
2018-06-11 10:18:381192검색

이번에는 도메인 간 요청을 할 수 있는 vue-cli에 대해 소개하겠습니다. vue-cli에서 도메인 간 요청을 할 때 주의할 점은 무엇인가요? z

프런트엔드 개발 중에 백엔드 인터페이스에 대한 요청이 도메인 간 요청인 경우가 많습니다. 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'
        }
      }
    }
  }
}

이때 원하는 인터페이스의 URL에 /look/1을 입력하세요. 도메인 간 요청을 달성하도록 요청합니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

서버 측 렌더링을 위한 Vue+Nuxt.js

Google에서 JS 코드 작성을 위한 사양을 발표했습니다

위 내용은 vue-cli는 도메인 간 요청을 수행합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.