axios

I'm trying to make axios working with a request interceptor. However before a request is made the interceptor is not triggered. What could be going wrong here? I've red already a lot about this problem but not found a solution so far. Could use some help here! This is my code: import VueRouter from 'vue-router'; import Login from './components/Login.vue' import Home from './components/Home.vue' import axios from 'axios'; window.Vue = require('vue'); window.axios = axios.create({ baseURL: 'http://localhost:8080', timeout: 10000, params: {} // do not remove this, its added to add params later in

I have an interceptor like this axios.interceptors.response.use(undefined, err=> { const error = err.response; console.log(error); if (error.status===401 && error.config && !error.config.__isRetryRequest) { return axios.post(Config.oauthUrl + '/token', 'grant_type=refresh_token&refresh_token='+refreshToken, { headers: { 'Authorization': 'Basic ' + btoa(Config.clientId + ':' + Config.clientSecret), 'Content-Type': 'application/x-www-form-urlencoded,charset=UTF-8' } }) .then(response => { saveTokens(response.data) error.config.__isRetryRequest = true; return axios(error.config) }) } }) And

How can I send a raw payload/request body to Axios? The endpoint I'm trying to call expects the request body to just be a string which it'll scoop up and use. If I try to just pass a string to axios.post() for the requestBody , it'll convert it to an object with no value ( { "this+is+my+message": "" } ) and ends up getting parsed like this "this+is+my+message=" . I checked the documentation, but couldn't find any option that seemed to work. transformRequest seemed to be the most obvious, but it sent in the string and I sent out the string (literally d => d ), but it still seemed to convert it

I am changing jquery ajax for axios and I not getting use axios with cross domain: axios.get(myurl, { headers: { 'crossDomain': true }, }).then(res => { console.log(res); }).catch(error => { console.log('erro', error); }) My jquery code is working: $.ajax({ type: 'GET', crossDomain: true, url:myurl, success: (res) => {}, error: (fail) => {} }) The error: Request header field crossDomain is not allowed by Access-Control-Allow-Headers in preflight response. Can anyone help me? "crossDomain" does not have to be in headers axios.get(myurl, { crossDomain: true }).then(res => { console.log(res); })

I have an request interceptor for axios calls. It checks my jwt token and call for refresh if necessary. axios.interceptors.request.use((config) =>{ const state = store.getState(); // get renewed state const time = Math.floor( new Date().getTime() / 1000 ); if( ! state.app.jwtRefreshOnRequest && time >= state.jwt.expires - 120 && state.jwt.refresh_before > time ){ // expiring in 2 min. refresh //dispatch({type: 'JWT_REFRESH_REQUEST'}); axios.get( API_BASE_URL + '/auth/refresh') .then(function(response){ // dispatch({type: 'JWT_REFRESH_SUCCESS', payload: response.data}); axios(config).then

I'm trying to generate a pre-signed URL then upload a file to S3 through a browser. My server-side code looks like this, and it generates the URL: let s3 = new aws.S3({ // for dev purposes accessKeyId: 'MY-ACCESS-KEY-ID', secretAccessKey: 'MY-SECRET-ACCESS-KEY' }); let params = { Bucket: 'reqlist-user-storage', Key: req.body.fileName, Expires: 60, ContentType: req.body.fileType, ACL: 'public-read' }; s3.getSignedUrl('putObject', params, (err, url) => { if (err) return console.log(err); res.json({ url: url }); }); This part seems to work fine. I can see the URL if I log it and it's passing it