Sending Requests with Axios

You can add SuperTokens interceptors to axios and use it like you regularly do.

The addAxiosInterceptors function: API Reference

Via NPM

Via script tag

SuperTokensRequest.addAxiosInterceptors(axios);

supertokens.addAxiosInterceptors(axios);

• Adds interceptors to the given axios instance.
• To be called at least once on an axios instance before using it.

Example

Via NPM

Via script tag

import SuperTokensRequest from 'supertokens-website';
import axios from "axios";
SuperTokensRequest.addAxiosInterceptors(axios);

SuperTokensRequest.init({
    apiDomain: "https://api.example.com"
});

async function doAPICalls() {
    try {
        let postData = { ... };
        let response = await axios({url: "someAPI", method: "post", data: postData });
        let data = await response.data;
        let someField = data.someField;
    } catch (err) {
        if (err.response !== undefined && err.response.status === 401) {
            // redirect user to login
        } else {
            // handle error
        }
    }
}

supertokens.addAxiosInterceptors(axios);
supertokens.init({
    apiDomain: "https://api.example.com"
});

async function doAPICalls() {
    try {
        let postData = { ... };
        let response = await axios({url: "someAPI", method: "post", data: postData });
        let data = await response.data;
        let someField = data.someField;
    } catch (err) {
        if (err.response !== undefined && err.response.status === 401) {
            // redirect user to login
        } else {
            // handle error
        }
    }
}