Quiero crear un archivo de configuración de axios donde pueda crear varias API con diferentes configuraciones, por ejemplo, http.js :
import axios from "axios"; const backendApi = axios.create({ baseURL: process.env.VUE_APP_API_BASE_URL + "api/", }); const anotherApi = axios.create({ baseURL: "https://example.com", }); export default { backendApi, anotherApi }; Ahora quiero usar backendApi , por ejemplo, en mis actions.js :
import backendApi from "@/http" const userRegister = (context, user) => { backendApi .post("users/register", user) .then((resp) => { // }) .catch((err) => { // }) } export default { userRegister }Pero recibo el siguiente error:
Error en el controlador v-on: "TypeError: http__WEBPACK_IMPORTED_MODULE_0 _.default.post no es una función"
No está utilizando las exportaciones de la manera que pretende.
Lo que desea es exportaciones named en lugar de una default .
import axios from "axios"; export const backendApi = axios.create({ baseURL: process.env.VUE_APP_API_BASE_URL + "api/", }); export const anotherApi = axios.create({ baseURL: "https://example.com", }); import { backendApi } from "@/http" export const userRegister = (context, user) => { backendApi .post("users/register", user) .then((resp) => { // }) .catch((err) => { // }) }