Axios formatting and Rails controller validation? #1380
Comments
|
Got it to work by formatting my headers like this axios.post('/api/v1/auth/sign_in', {email: this.state.email, password: this.state.password})
.then((res) => {
window.localStorage.setItem('access-token', res.headers['access-token']);
window.localStorage.setItem('client', res.headers['client']);
window.localStorage.setItem('uid', res.headers['uid']);
})
.catch(function(err) {
console.log(err);
});and const token = localStorage.getItem('access-token');
const client = localStorage.getItem('client');
const uid = localStorage.getItem('uid');
axios.get('http://localhost:3001/api/v1/demo', {
headers: {'Content-Type': 'application/json', 'access-token' : token, 'client':client, 'uid': uid}
})
.then((res) => {
console.log(res);
this.setState({message: res.data.message});
})
.catch(function(err) {
console.log(err);
});Hopefully, this will help someone else |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Describe the issue
What is the proper formatting for Axios headers and authentication within rails controllers? My app seems to be handling authentication properly on the backed, at least log in and registrations but further requests fail to authenticate for
user_signed_in?. I think the issue is with my Axios requests but not positive as I am very new to this. Could someone take a quick look at the code below and tell me if I'm doing this correctly, I looked all over for examples and could not find and specific to this gem w/react so I'm not positive if I am passing the token correctly.Example Code
Axios Post (Login):
Response Header:
{access-control-allow-methods: "GET, POST, OPTIONS, DELETE, PUT", access-control-allow-origin: "*", access-control-expose-headers: "access-token, expiry, token-type, uid, client", access-control-max-age: "7200", access-token: "XL2KRnNgTojeMEinm3K0sw", …} access-control-allow-methods: "GET, POST, OPTIONS, DELETE, PUT" access-control-allow-origin: "*" access-control-expose-headers: "access-token, expiry, token-type, uid, client" access-control-max-age: "7200" access-token: "XL2KRnNeTojeMEizm3K2sw" cache-control: "max-age=0, private, must-revalidate" client: "JGr_EaURKU4DDliyLp8_fg" connection: "close" content-encoding: "gzip" content-type: "application/json; charset=utf-8" date: "Thu, 30 Jan 2020 20:57:33 GMT" etag: "W/"016aa9a0071584fe6bcc72577c6f783d"" expiry: "1581627454" token-type: "Bearer" transfer-encoding: "chunked" uid: "[email protected]" vary: "Origin, Accept-Encoding" x-powered-by: "Express" x-request-id: "9d2f9dcc-d567-4269-8557-5x3dqwcb23e2" x-runtime: "0.196702"Axios Get (Testing the api):
Rails Controller for demo:
Logs
Expected behavior
I should be getting
message: 'hello from backend (signed in)'when signed inI instead receive
message: 'hello from backend (signed out)'(see controller example above)Environment:
Config
in: config/initializers/devise_token_auth.rb
config.change_headers_on_each_request = falseThe text was updated successfully, but these errors were encountered: