복붙노트

[REACTJS] reactjs 만들 HTTPS (HTTP가 아닌) Axios의와 요청

REACTJS

reactjs 만들 HTTPS (HTTP가 아닌) Axios의와 요청

해결법


  1. 1.모든 URL은 두 부분으로

    모든 URL은 두 부분으로

    그냥 경로를 지정하면 Axios의에서, 그것은 기본적으로 주소 표시 줄에 도메인을 사용합니다.

    예를 들어, 아래 코드는 도메인이 주소 표시 줄에 무엇이든에 전화를 할 것이며, 여기에이 경로를 추가합니다. 도메인이 HTTP 인 경우, API 요청은 HTTP 호출 될 것입니다 및 도메인이 HTTPS 인 경우, API 요청은 https를 호출 할 것이다. 일반적으로 로컬 호스트 HTTP 그리고 당신은 HTTP 로컬 호스트에서 호출을 만드는 것입니다.

    axios.post('/api/login/authentication', {
    

    다른 한편으로는, 당신은 Axios의 요청에 전체 URL을 전달할 수 있으며, HTTPS를 만드는 것입니다 것은 기본적으로 호출합니다.

    axios.post('https://yourdomain.com/api/login/authentication', {
    

    또한 Axios의에서 base을 설정할 수 있습니다

    axios({
      method: 'post',
      baseURL: 'https://yourdomain.com/api/',
      url: '/login/authentication',
      data: {
        email: email,
        password: password
      }
    }).then(response => {
      this.props.history.push('/MainPage')
    })
    .catch(error => {
      console.log(error)
    });
    
  2. from https://stackoverflow.com/questions/53576923/reactjs-make-https-not-http-requests-with-axios by cc-by-sa and MIT license