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

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

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

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

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

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

评论

全部评论 14

  1. ychb
    ychb
    Google Chrome Windows 10
    学习一下xian
    回复
  2. wyf
    wyf
    Google Chrome MacOS
    学习一下先
    回复
  3. cat
    cat
    Google Chrome Windows 10
    学习一下先
    回复
  4. 21
    21
    Google Chrome Windows 10
    测试测试
    回复
  5. sss
    sss
    Google Chrome MacOS
    休闲鞋
    回复
  6. q
    q
    Google Chrome Windows 10

    11
    1111 dasdas毒贩夫妇付付付付

    回复
  7. 11
    11
    Google Chrome Windows 10
    阅读
    回复
  8. 啊啊
    啊啊
    Google Chrome Windows 10
    学习
    回复
  9. 学习
    学习
    Google Chrome MacOS
    阅读下面内容
    回复
  10. 学习
    学习
    Google Chrome MacOS
    学习
    回复
  1. 1
  2. 2

相关推荐

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

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

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

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

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

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

nuxt 加快编译速度

木灵鱼儿 4370 0 0
nuxt 编译

nuxt mixins全局混入

木灵鱼儿 4093 0 0
vue nuxt mixins

nuxt filters全局过滤器

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

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

木灵鱼儿 6144 0 0
name nuxt 报错

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

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

nuxt 路由鉴权

木灵鱼儿 4482 0 2
vue 鉴权 nuxt

nuxt vuex持久化

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

目录

目录