htmledit_views">

一、plugin文件夹中新建axios.js文件

import axios from 'axios';export default defineNuxtPlugin(nuxtApp => {const axiosInstance = axios.create({baseURL: '', // 设置你的API基础URLtimeout: 10000, // 设置请求超时时间});// 可以添加请求拦截器等axiosInstance.interceptors.request.use(config => {// 在发送请求之前做些什么，比如设置token等config.headers.common['Authorization'] = `Bearer ${localStorage.getItem('token')}`;return config;}, error => {// 对请求错误做些什么return Promise.reject(error);});// 可以添加响应拦截器等axiosInstance.interceptors.response.use(response => {// 对响应数据做点什么return response;}, error => {// 对响应错误做点什么return Promise.reject(error);});// 将axios实例暴露给nuxt应用，以便在组件中使用nuxtApp.provide('axios', axiosInstance);
});

二、nuxt.config.ts文件中配置插件

plugins: ['~/plugins/axios.js'],

三、nuxt.config.ts文件中配置代理

nitro: {devProxy: {"/api": {target: "....", // 这里是被转发地址changeOrigin: true,prependPath: false, //路径是否重写},},}

四、组件中使用

import { useNuxtApp } from '#app';
import { onMounted } from 'vue';
const nuxtApp = useNuxtApp();onMounted(async() => {const res = await nuxtApp.$axios.post('/api/接口地址',{//参数});
})