Hi. I’m building a rest API using Phoenix and a UI using VueJS. I have a signup endpoint in the API that returns 400 error code when requesting using my UI, but it returns 201 when using querying from postman. This works: curl 'http://localhost:4000/v1/users/signup' -H 'Content-Type: application/j…

I would recommend you to understand the mechanics of pre-flight request, aka the one that is done with OPTIONS, and then followed by the real GET, POST, PUT or DELETE request. A CORS preflight request is a CORS request that checks to see if the CORS protocol is understood. It is an OPTIONS re…

Hello, it’s hard to answer without code… I am not familiar with Vue, but I don’t think it does the request by itself. Something like fetch, or axios? It would be nice to see how your client js code does the request to your API.

It’s a plain JS function really. All it does is call the fetch API and return the response as an observable: export function request(method, url, payload) { const body = JSON.stringify(payload); const parameters = { headers: { 'Content-Type': 'application/json' } , method: method, m…

Those are my headers with axios… const auth_headers = () => ({ headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', 'Authorization': `Bearer ${AuthService.loadToken()}`, }, credentials: 'same-origin', }); My headers are a little bit different because I pas…

I think if you’re using the browser fetchAPI you need to create the headers from the constructor, I use this: export function requester({ method, url, data, accept, content_type }, token) { let body = typeof data === "string" ? data : JSON.stringify(data); token = token ? token : ""; c…

Found the answer to my problem here . “application/json” is only a valid content type with CORS. Now my problem is how to configure CORS in my phoenix api. I’m using cors_plug. But is not working, I’m still getting in my request. Access to fetch at 'http://localhost:4000/v1/users/signup' from origi…

Can you elaborate? Maybe with a code example?

Elixir Programming Language Forum

Querying Elixir API from a UI

Questions & Help Questions

crisefd June 23, 2019, 9:09pm 7

Solved: I had to defined an options method for UserController to make it work.