Can't make a POST request using axios

0
votes

The error message I get is

"Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:5000/user/login. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing)."

http-header.js 

"import axios from 'axios';

export default axios.create({
  baseURL: "http://localhost:5000",
  headers: {
    'Content-type': 'application/json',
    'Access-Control-Allow-Origin': '*'
  }
})

AuthService.js 

import axios from '../http-header.js'

export default {
  login : user => {
    return axios.post('/user/login', user)
    .then(res => {
      if(res.status !== 401)
        return res.json().then(data => data)
      else {
        return {isAuthenticated: false, user: {username: "", role: ""}}
      }
    })
  }
}
1
axios

1 Answers

1
votes

You have to add 'Access-Control-Allow-Origin': '*' to your backend.