如何在 Nuxt.js 的 axios 插件中访问当前的 fullPath？

关键词：

【中文标题】如何在 Nuxt.js 的 axios 插件中访问当前的 fullPath？【英文标题】：How can I access the current fullPath inside of a axios plugin in Nuxt.js? 【发布时间】：2020-02-08 07:01:42 【问题描述】：

我正在尝试从 Axios 的 Nuxt 插件中获取通过 route.fullPath 的当前路径。它在一定程度上起作用，但看起来因为它来自上下文，它只是在最初加载页面时设置路径。如何在 Axios 错误显示时获得当前的route.fullPath（在任何路由更改后）？

export default function ( $axios, store, route, redirect ) 
  $axios.onError((error) => 
    if (error.response.status === 401) 
      store.commit('misc/setRedirect', route.fullPath);

      redirect('/sign-in');
    
  );

【问题讨论】：

【参考方案1】：

这似乎是一个错误，但作为一种解决方法，您可以通过插件的app 参数的app.router.currentRoute 获取当前路由：

// plugins/axios.js
export default function ( $axios, app ) 
  $axios.onError(error => 
    console.log(error, app.router.currentRoute)
  )

【讨论】：

感谢您的解决方法！我用 nuxt-community/axios-module 创建了一个问题，以确定它是否确实是一个错误。 github.com/nuxt-community/axios-module/issues/295

如何访问 Nuxt 插件中的 .env 变量？

】如何访问Nuxt插件中的.env变量？【英文标题】：Howtoaccess.envvariablesinaNuxtplugin?【发布时间】：2021-08-0701:37:13【问题描述】：SegmentAnalytics提供了一个带有秘密API密钥的sn-p。在我的Nuxt.js项目中，我创建了一个名为segment.js的插件，... 查看详情

Tabulator + Nuxt.js：如何在回调中使用 axios？

】Tabulator+Nuxt.js：如何在回调中使用axios？【英文标题】：Tabulator+Nuxt.js:Howtouseaxiosincallbacks?【发布时间】：2020-01-1608:48:53【问题描述】：我尝试在我的Nuxt.js项目中添加Tabulator。我已经完成了下一个组件：<template><divref="table... 查看详情

如何在nuxt中获取axios baseUrl？

】如何在nuxt中获取axiosbaseUrl？【英文标题】：HowtogetaxiosbaseUrlinnuxt?【发布时间】：2019-01-2418:54:30【问题描述】：我的Nuxt.js项目中有axios模块。当我的客户端在端口3000上运行时，我还在localhost:4040/api中设置了我的baseUrl（用于API）... 查看详情

如何使用 Nuxt.js 仅在一个组件中使用插件？

】如何使用Nuxt.js仅在一个组件中使用插件？【英文标题】：HowtouseplugininonlyonecomponentusingNuxt.js?【发布时间】：2021-11-1617:45:13【问题描述】：我正在用nuxt.js做一个简单的博客网站，我只需要在一个组件中导入编辑器，我不想使用n... 查看详情

如何在 nuxt js 中使用 vuetify 作为插件？

】如何在nuxtjs中使用vuetify作为插件？【英文标题】：Howtousevuetifyinnuxtjsasplugin?【发布时间】：2020-04-2321:43:53【问题描述】：我需要在我的nuxtjs项目中使用vuetify作为插件。我试过包@nuxtjs/vuetify，但得到错误无法分配给对象“#”的... 查看详情

如何在 Nuxt.js 中使用官方 Swiper.js 作为插件

】如何在Nuxt.js中使用官方Swiper.js作为插件【英文标题】：HowtouseofficialSwiper.jsasplugininNuxt.js【发布时间】：2021-01-2106:39:49【问题描述】：我有插件swiper.js代码：importVuefrom"vue";//importSwipercoreandrequiredcomponentsimportSwiperCore,Navigation,Pagina... 查看详情

Nuxt.js 中“$axios”的类型是啥？

】Nuxt.js中“$axios”的类型是啥？【英文标题】：Whatisthetypefor"$axios"inNuxt.js?Nuxt.js中“$axios”的类型是什么？【发布时间】：2022-01-1923:19:35【问题描述】：夏天现在我为API连接实现了RepositoryFactory模式。https://medium.com/canarias... 查看详情

如何使用 Nuxt.js 将自己的 JS 用作插件

】如何使用Nuxt.js将自己的JS用作插件【英文标题】：HowtouseownJSasapluginusingNuxt.js【发布时间】：2018-03-3001:10:28【问题描述】：我正在使用nuxt.js。我在plugins文件夹中有一个helper.js脚本，它有一个简单的Test()函数。现在如何在helper.js... 查看详情

nuxt.js - 如何在服务器端为所有客户端缓存 axios 调用

】nuxt.js-如何在服务器端为所有客户端缓存axios调用【英文标题】：nuxt.js-Howtocacheaxioscallatserversideforallclients【发布时间】：2020-05-1915:45:59【问题描述】：我正在使用vue+nuxt.js应用程序，我想知道是否可以为所有客户端缓存axioswebser... 查看详情

在 Nuxt.js 中发送每个请求时，如何将对象添加到 apollo 上的数据？

】在Nuxt.js中发送每个请求时，如何将对象添加到apollo上的数据？【英文标题】：HowcanIaddanobjecttodataonapollowhensendingeachrequestinNuxt.js?【发布时间】：2021-08-0702:54:09【问题描述】：我有一个在每个请求上发送的对象，也是静态的。所... 查看详情

如何在 Nuxt 中拥有像 turn.js 这样的翻书？

】如何在Nuxt中拥有像turn.js这样的翻书？【英文标题】：Howtohaveaflipbookliketurn.jsinNuxt?【发布时间】：2021-12-2015:34:39【问题描述】：如何将turn.js导入nuxt.js项目。当我通过插件使用时，错误窗口未定义，即使我在客户端模式下使用... 查看详情

如何在 nuxt.js 上手动触发路由？

】如何在nuxt.js上手动触发路由？【英文标题】：Howtomanuallytriggerroutingonnuxt.js?【发布时间】：2021-07-2623:41:01【问题描述】：我想在回调中登录后手动导航到主页。methods:asyncuserLogin()varsession_url="/api/v1/authenticate";axios.post(session_url,thi... 查看详情

如何在 Nuxt.js 中使用 CKEditor - 未定义窗口错误

】如何在Nuxt.js中使用CKEditor-未定义窗口错误【英文标题】：HowtouseCKEditorwithNuxt.js-windowisnotdefinederror【发布时间】：2020-08-1503:00:36【问题描述】：在Vue.js中，这是我使用的设置。在Nuxt.js中，我收到“未定义窗口”错误。根据我的... 查看详情

如何在 nuxt.js 中安装 trading-vue-js 插件？

】如何在nuxt.js中安装trading-vue-js插件？【英文标题】：Howtoinstalltrading-vue-jspluginsinnuxt.js?【发布时间】：2020-11-2901:39:27【问题描述】：我尝试使用nuxt.js和trading-vue-js插件（如Tradingview.com）制作网站。所以我在我的项目中安装了tradi... 查看详情

在 Nuxt JS 中为 Axios 配置本地 php 端点

】在NuxtJS中为Axios配置本地php端点【英文标题】：ConfigurelocalphpendpointforAxiosinNuxtJS【发布时间】：2019-12-1312:23:05【问题描述】：我想使用Axios进行指向本地PHP文件的客户端AJAX调用。为什么选择PHP？我在一个简单的基于PHP的API中有... 查看详情

如何在nuxt.js中实现handsontable

】如何在nuxt.js中实现handsontable【英文标题】：Howtoimplementhandsontableintonuxt.js【发布时间】：2020-06-2608:31:04【问题描述】：我正在尝试在我使用的项目上安装handsontablenpminstallhandsontable@handsontable/vue也许我需要创建一个插件？如何在... 查看详情

nuxt.js封装axios

1、安装axios　　cnpminstallaxios--save 2、在plugins文件夹下面创建service.jsimportaxiosfrom‘axios‘import{Message,Notification}from‘element-ui‘axios.defaults.headers[‘X-Requested-With‘]=‘XMLHttpRequest‘axios.def 查看详情

使用 nuxt-mail 在 Nuxt.js 中发送邮件

】使用nuxt-mail在Nuxt.js中发送邮件【英文标题】：SendingmailinNuxt.jswithnuxt-mail【发布时间】：2021-07-1011:05:47【问题描述】：我是Nuxt.js/Vue.js的新手，所以这里有一些新手问题：D我在从Nuxt.js应用程序中的联系人发送邮件时遇到问题。... 查看详情