[Vuejs]-Global API call Vue.js

by

0👍

config.js

// Bases
export const baseURL = 'http://myapi'

// Endpoints
export const api_1 = '/api1'
export const api_2 = param1 => `/api2/ + ${param1}`

store.js

// import apis you want to use this file.
import { baseURL, api_1 } from '../../../config.js'

0👍

First, you’re exporting an object in your config.js.
so if you import it like below:

import baseURL from '../../../config.js'

Then you will get the whole object of configs. Instead, you could import the baseURL variable by doing this:

import { baseURL } from '../../../config.js'

Second, in this line:

async fetchStaff({ commit }, id, baseURL)

baseURL is recognized as a parameter. that’s why it always has no value or undefined, I would recommend removing it from the function parameter.
So it will probably look like below:

import { baseURL } from '../../../config.js'


async fetchStaff({ commit }, id) {
    if (id === undefined) {
        const response = await axios.get(baseURL + `/employee/staff`, { headers: { Authorization: `Bearer ${sessionStorage.getItem('token')}` } });
        commit('setStaff', response.data);
        // eslint-disable-next-line no-console
        console.log(response.data)
    } else {
        const response = await axios.get(baseURL + `/employee/${id}`, { headers: { Authorization: `Bearer ${sessionStorage.getItem('token')}` } });
        commit('setStaff', response.data);
    }
},

thanks

Leave a comment