my endpoint isn't receiving the data parameters from a post

I’ve got an existing form endpoint that works when submitting via a standard ajax/jQuery call, but when I use Axios to post to it, the endpoint is not receiving any of the data from the data attribute.

I am posting to a file on the same server, not a CORS.

Anything I put in the URL reaches the endpoint as expected.

export function selectSubscription(data){
    const url = '/remoting/credits.cfc';
    let params = {};
    const requiredFields = [
        'PRODUCT_PACKAGE_ID', 
        'REPLENISH_PACKAGE_ID', 
        'REPLENISH_THRESHOLD',
        'SCHOOL_SUBSCRIPTION_ID'
    ];
    let validFormData = jsonHasFields(data, requiredFields);

    if (!validFormData.success) {
        return {
            type: 'INVALID_FORM',
            keys: validFormData.keys
        }
    }
    params.method = 'selectSubscription';
    for (let i=0; i < requiredFields.length; i++) {
        let key = requiredFields[i];
        params[key] = data[key];
    }

    //const request = axios.post(url, params); 
    const request = axios({
        method: 'post',
        url: url,
        data: params
    })
    //$.post(url, params, function(result){debugger;});
    return {
        type: 'SELECT_SUBSCRIPTION',
        payload: request
    }
}

[nickuraltsev]

It looks like your endpoint expects data to be in x-www-form-urlencoded format while axios sends data in JSON format by default. axios does not support x-www-form-urlencoded format at the moment (please see #97), but it will soon. Meanwhile, you can do the following:

axios({
  method: 'post',
  url: url,
  data: 'param1=value1&param2=value2' // Note: values need to be properly encoded
})

Hope this helps!

[nickuraltsev]

axios v0.12.0 supports x-www-form-urlencoded. Please see this comment.