Javascript 如何在js文件中导入Nuxt模块
我试图做的是在js文件中导入Nuxt模块。 例如,我想在js文件中使用“@nuxt/axios”,并从中创建一个实例,我不想从上下文对象调用它,我想使该实例与任何nuxt生命周期分离,并使用nuxt axios模块,而不是普通的axios包Javascript 如何在js文件中导入Nuxt模块,javascript,vue.js,axios,nuxt.js,Javascript,Vue.js,Axios,Nuxt.js,我试图做的是在js文件中导入Nuxt模块。 例如,我想在js文件中使用“@nuxt/axios”,并从中创建一个实例,我不想从上下文对象调用它,我想使该实例与任何nuxt生命周期分离,并使用nuxt axios模块,而不是普通的axios包 import axios from "@nuxt/axios" const axiosInstace = axios.create(); export default axiosInstace; 不要直接使用这些模块@nuxt/ax
import axios from "@nuxt/axios"
const axiosInstace = axios.create();
export default axiosInstace;
不要直接使用这些模块
@nuxt/axios
只是axios
模块的包装器。用它来代替()。大多数其他nuxt模块也是如此。就像@Florian Pallas提到的那样。不要使用这些模块。使用NPM或/和从扩展Axios
编辑答案:
我记得在什么地方见过这个代码
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)
看,我试图创建的是使axios中的baseURL与带有某些前缀的域相同,或者换句话说,更具动态性,如果我有context对象,我需要一种在没有上下文对象的情况下创建相同功能的方法。我试图创建的是使axios中的baseURL与带有一些前缀的域相同,或者换句话说,更具动态性,如果我有上下文对象,我需要一种在没有上下文对象的情况下创建相同功能的方法检查我的回答在我的情况下,baseURL取决于域,因为我尝试创建saas项目,所以我不能直接设置baseURL,我想在它前面加前缀。我试图在“@nuxt/axios”中创建该功能,因为“@nuxt/axios”有一个函数“onRequest”这个函数类似于“axios interceptors.request”,在这个函数上有一个公共对象,其中有一个指定的域,但这只发生在“@nuxt/axios”中,而不是在普通的“axios”中,这就是为什么我需要导入这个包,以便在没有上下文对象的不同文件中使用它,或者在普通axios中以某种方式将域作为动态前缀。您尝试过这个包吗?我认为这个软件包会对我有所帮助,因为如果您使用的是axios>=v0.8,请使用库提供的现成的基本url配置。