如何在 js 文件中导入 Nuxt 模块

Question

What I'm trying to do is to import Nuxt modules inside a js file. for example I want to use "@nuxt/axios" inside a js file and create an instance from it and I don't want to call it from context object I want to make that instance separate from any Nuxt life cycle and also use the nuxt axios modules not the normal axios package.

import axios from "@nuxt/axios"

const axiosInstace = axios.create();

export default axiosInstace;

Answer 1

Don't use these modules directly. @nuxt/axios is just a wrapper for the axios module. Just use that instead ( NPM ). Same goes for most other nuxt modules.

Answer 2

Just like what @Florian Pallas mentioned. Don't use these modules. use NPM or/and extend Axios from plugins

Edited answer: I remember seeing this code somewhere

const myAPI = axios.create({
  baseURL: 'https://api.domaine.com/',
  withCredentials: false,
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json'
  },
  params: {
    order: 'desc',
    sort: 'name'
  }
})

function request(id) {
    myAPI.get('/users/'+id);
}

request(123)