在nuxt中，有一个专门的axios版本：@nuxtjs/axios；但是由于nuxt的文档，或者说是资料不是很齐全（零散），初步了解后觉得这个插件并不是很方便，很多时候，我们都是模块化的axios写法，在使用@nuxtjs/axios时，会发现有点束手束脚，于是转而放弃使用，而是单独引入axios，然后一顿操作。

当我们单独封装axios的时候，有没有这种想法：报错了能不能跳转到nuxt的错误页面？；但是实现时发现，除了在asyncData这些方法里面可以解构到error对象然后利用它跳转，好像在单独的一个js文件里面，没办法直接跳转。

但是，如果我们使用@nuxtjs/axios，那么我们就可以做到，并且，还可以很优雅的解决跨域问题。

此处内容已隐藏回复后方可阅读。

分类： nuxt 标签： proxy拦截器nuxt@nuxtjs/axiosnuxt模块nuxt插件
版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可，禁止转载。

评论

全部评论 14

  1. kirinwu
    kirinwu
    Google Chrome Windows 10
    阅读下面内容
    回复
  2. 大大
    大大
    FireFox Windows 10
    这个东西真是太好了
    回复
  3. 小小
    小小
    Google Chrome Windows 10
    学习下
    回复
    1. 大大
      大大
      Google Chrome Windows 10
      @小小学习下
      回复
  1. 1
  2. 2

相关推荐

解决axios失败重试插件axios-retry和错误消息弹窗重复触发的问题

木灵鱼儿 1140 0 1
axios 拦截器 失败重试

Nestjs 通过拦截器上传文件和windows文件地址转换处理以及上传文件资源访问

木灵鱼儿 1736 12 0
文件上传 拦截器 Nestjs

封装uni.request api为类似axios的用法

木灵鱼儿 2800 0 1
axios 拦截器 取消请求

nuxt 加快编译速度

木灵鱼儿 4623 0 0
nuxt 编译

nuxt mixins全局混入

木灵鱼儿 4253 0 0
vue nuxt mixins

nuxt filters全局过滤器

木灵鱼儿 4728 0 0
过滤器 filters vue

解决报错：Invalid component name layouts default.vue . Component names should conform to valid custom element name in html5 specification.

木灵鱼儿 6446 0 0
name nuxt 报错

解决报错：The client-side rendered virtual DOM tree is not matching server-rendered content

木灵鱼儿 4419 0 0
虚拟dom nuxt 报错

nuxt 路由鉴权

木灵鱼儿 4714 0 2
vue 鉴权 nuxt

nuxt vuex持久化

木灵鱼儿 3860 0 0
vue nuxt vuex持久化
获得点赞 0
文章被阅读 8,339
最后更新 21-08-12 11:48:30

目录

目录