VUE 服务端渲染模式下，热更新多次 axios interce

作者: 有一个程序媛 | 来源:发表于2021-06-09 15:33 被阅读0次

具体的 node端渲染原理懒得去探求究竟了。根据debug跟踪发现，是axios配置reques的时候，没有通过create实例化，而是直接修改了axios的interceptors，因此导致服务端运行出现异常。服务端渲染模式下，每个请求 interceptors 里面的内容都会打印两次。

尝试将request的封装，改为先实例化axios，然后修改实例的 interceptors。问题得到修复。

以下两张图一个是错误代码，一个是正确代码，清晰明了，希望能够帮到大家，毕竟困扰了我很长时间，终于解决。

错误代码

正确代码

VUE 服务端渲染模式下，热更新多次 axios interce
具体的 node端渲染原理懒得去探求究竟了。根据debug跟踪发现，是axios配置reques的时候，没有通过...
axios interceptors
axios interceptors https://github.com/axios/axios#interce...
Vue3.2 中的 setup 语法糖
vue3.2 到底更新了什么？根据原文内容的更新的内容主要有以下 5 块： SSR：服务端渲染优化。@vue/s...
vue ssr 服务端渲染
前几天了解了下vue 服务端渲染的流程，记录下。首先，什么是ssr(服务端渲染 Server Side Rende...
本期小结（二）
vue★ vue-ssr服务端渲染简单例子 vue-ssr服务端渲染框架Nuxt.js vue2.0仿饿了么web...
vue golang 同一台机器开发环境配置
golang 服务端 vue 部分 vue.config.js axios 在datatable组件中加载
vue + axios post请求数据
vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios。所以本篇文章介绍下通过...
前端性能优化之 DOM 篇 - 关人潮的博客 | FSUX Bl
Vue 2.0 开始支持服务端渲染的功能，所以本文章也是基于 Vue 2.0 以上版本。网上对于服务端渲染的资料还...
前端Vue2.0+Vuex，服务端NodeJs+mongodb,
服务端：Node + Express + MongoDB前端：Vue2.0 + Vuex + axios预览...
VUE服务端渲染流程
最终代码地址开发模式下的服务端渲染在开发模式下需要启动两个服务，第一个是前端的服务。与vue脚手架的服务基本上...