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

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

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

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

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

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

评论

表情

全部评论 11

  1. 21
    21
    Google Chrome Windows 10
    测试测试
    回复
  2. sss
    sss
    Google Chrome MacOS
    休闲鞋
    回复
  3. q
    q
    Google Chrome Windows 10

    11
    1111 dasdas毒贩夫妇付付付付

    回复
  4. 11
    11
    Google Chrome Windows 10
    阅读
    回复
  5. 啊啊
    啊啊
    Google Chrome Windows 10
    学习
    回复
  6. 学习
    学习
    Google Chrome MacOS
    阅读下面内容
    回复
  7. 学习
    学习
    Google Chrome MacOS
    学习
    回复
  8. kirinwu
    kirinwu
    Google Chrome Windows 10
    阅读下面内容
    回复
  9. 大大
    大大
    FireFox Windows 10
    这个东西真是太好了
    回复
  10. 小小
    小小
    Google Chrome Windows 10
    学习下
    回复
    1. 大大
      大大
      Google Chrome Windows 10
      @小小学习下
      回复

相关推荐

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

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

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

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

nuxt 加快编译速度

木灵鱼儿 3524 0 0
nuxt 编译

nuxt mixins全局混入

木灵鱼儿 3331 0 0
vue nuxt mixins

nuxt filters全局过滤器

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

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

木灵鱼儿 5066 0 0
name nuxt 报错

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

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

nuxt 路由鉴权

木灵鱼儿 3595 0 2
vue 鉴权 nuxt

nuxt vuex持久化

木灵鱼儿 2824 0 0
vue nuxt vuex持久化

解决nuxt使用rem适配样式第一次加载闪烁的问题 amfe-flexible

木灵鱼儿 3991 22 0
amfe-flexible nuxt rem适配
获得点赞 0
文章被阅读 4,782
最后更新 21-08-12 11:48:30

目录

目录