跳到主要内容

Vue3

Vite 代理接口偶发超时的排查与解决

在开发时我发现这样的问题,我前端调用一个接口会造成接口返回异常直到这个接口超时。但是偶尔又是正常的。一开始因为是接口问题,查询速度慢,返回有问题。后面我去接口工具中调用接口发现很正常。但是唯独使用本地 vite 代理的接口就会出现这种情况。 我的 vite 代理是这样的 proxy: { "^/csm-(auth|base|olcs|call|ors|stats|voice)": { target: "http://xxx.xxx.xxx.xx:xxx", changeOrigin: true, rewrite: path => path } }, 后面我发现可能是 vite中的代理出现了问题。一番查询之下,得出结论可能是 Vite 代理复用了某个后端或中间网络状态不好的连接。因为这部分我没有去深究是什么情况。后面我将这个 vite 代理单独把这个 csm-voice 这个规则重新写了一个。 proxy: { "/csm-voice": { target: "http://xxxx.xxx.xxx.xxx:xxx", changeOrigin: true, rewrite: path => path, headers: { Connection: "close" }, agent: new http.Agent({ keepAlive: false }), timeout: 120000, proxyTimeout: 120000 }, "^/csm-(auth|base|olcs|call|ors|stats)": { target: "http://xxxx.xxx.xxx.xxx:xxxx", changeOrigin: true, rewrite: path => path } }, 主要是新增了这样的规则,后面接口请求就正常返回了,没有说出现很慢的情况。
Vite Vue3

Nuxt.js 上手学习笔记(一):项目结构、自动路由与 API 搭建

Nuxt.js (day1) 的学习 #最近看到一个新技术就折腾一下,前面看到 qiankun,昨天刷 L 站看到了 Nuxt.js,这不就开始上手边看文档边写项目了。 目前就根据我自己起的项目来做个小总结。 1. 项目结构 #目前跟普通的 Vue 的区别就是多了一个 server,专门用于放与后端 db、api 相关的内容,其他的没太多变化。
Nuxt Vue3 SSR

Nginx 反向代理导致上游 Vite 服务 403 的排查与解决

背景 #昨天在公司写完项目后,本来就是一个很正常的新增一个接口,然后修改 nginx,然后部署项目,但是出现了一个非常奇怪的事情。我的接口居然出现 403,报错还是 vite ???? 可是我已经部署了怎么可能还报错 vite 的问题呢???? Vite 跨域配置 #以下是我的 vue3 代码的 vite的跨域配置,其实就是端口号不一样,所以我就参考了之前写的 Botapi,nginx 也是这样写的。
Nginx Vite Vue3