if you are building your rest api in nodejs. Follow the folowing simple steps Stop the Node.js server. npm install cors –save Add following lines to your server.js or index.js var cors = require(‘cors’) app.use(cors()) // Use this after the variable declaration Now try to make your api call on the client side and it … Read more
You can specify config defaults that will be applied to every request. Global axios defaults axios.defaults.baseURL = ‘https://api.example.com’; axios.defaults.headers.common[‘Authorization’] = AUTH_TOKEN; axios.defaults.headers.post[‘Content-Type’] = ‘application/x-www-form-urlencoded’; For more specific info, please visit their docs. UPDATE: You can do it in two ways: 1. In your index.js file [meaning the top-level aka ‘root’ file] you can configure your … Read more
For anyone else that comes across this post and might find it useful… There is actually nothing wrong with my code. I made the mistake of requesting client_credentials type access code instead of password access code (#facepalms). FYI I am using urlencoded post hence the use of querystring.. So for those that may be looking … Read more
You can’t (or at least really shouldn’t) make it synchronous, so you’ll need a different way forward. One idea: return the promise from Axios: checkUniqueness () { return axios.get(‘/api/persons/unique/alias’, { params: { id: this.id, alias: this.alias, } }) .then((response) => { console.log(‘2. server response:’ + response.data.unique) this.valid = response.data.unique; }); } and then call then() … Read more
CORS is a browser feature. Servers need to opt into CORS to allow browsers to bypass same-origin policy. Your server would not have that same restriction and be able to make requests to any server with a public API. https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS Create an endpoint on your server with CORS enabled that can act as a proxy … Read more
The axios.get() method will return a promise. The Promise.all() requires an array of promises. For example: Promise.all([promise1, promise2, promise3]) Well then… let URL1 = “https://www.something.com” let URL2 = “https://www.something1.com” let URL3 = “https://www.something2.com” const promise1 = axios.get(URL1); const promise2 = axios.get(URL2); const promise3 = axios.get(URL3); Promise.all([promise1, promise2, promise3]).then(function(values) { console.log(values); }); You might wonder how … Read more
Example getUserList() { return axios.get(“https://stackoverflow.com/users”) .then(response => response.data) .catch(error => { if (error.response) { console.log(error.response); } }); } Check the error object for response, it will include the object you’re looking for so you can do error.response.status https://github.com/mzabriskie/axios#handling-errors
According to the documentation, the full response is available as a response property on the error. So I’d use that information in the catch block: (async() => { let apiRes = null; try { apiRes = await axios.get(‘https://silex.edgeprop.my/api/v1/a’); } catch (err) { console.error(“Error response:”); console.error(err.response.data); // *** console.error(err.response.status); // *** console.error(err.response.headers); // *** } finally … Read more
There is generic get method defined in axios/index.d.ts get<T = never, R = AxiosResponse<T>>(url: string, config?: AxiosRequestConfig<T>): Promise<R>; Example interface User { id: number; firstName: string; } axios.get<User[]>(‘http://localhost:8080/admin/users’) .then(response => { console.log(response.data); setUserList( response.data ); }); I think you are passing list the wrong way to child component. const [users, setUserList] = useState<User[]>([]); <UserList items={users} … Read more