reactjs 使用 axios 发出 https(不是 http)请求

Question

我正在尝试使用 axios 向服务器发出 https 请求。大多数关于 axios 的教程都指定了如何发出 http 请求。
每当用户登录时，我都会发出请求。这是我目前的要求:

axios.post('/api/login/authentication', {
  email: email,
  password: password
})
.then(response => {
  this.props.history.push('/MainPage')
})
.catch(error => {
  console.log(error)
})

谁能帮我将其转换为 https 请求？

Answer 1

所有 URL 都有两部分

域 - http://yourdomain.com

路径 - /path-to-your-endpoint

1.使用默认域

在 axios , 如果您仅指定 path ，默认使用地址栏中的域。

例如，下面的代码将调用地址栏中的任何域并将此路径附加到它。如果域是 http ，您的 api 请求将是 http打电话，如果域是 https , api 请求将是 https称呼。通常 localhost是 http你会做 http来电 localhost .

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

2. 指定带域的完整 URL

另一方面，您可以将完整的 URL 传递给 axios 请求，您将获得 https默认调用。

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

2. 使用 axios baseURL 选项

您也可以设置 baseURL在 axios 中

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)
});