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) => { // }) }