为什么我直接刷新页面的时候浏览器network里面没有记录请求内容呢?路由跳转到home的话才会出现请求记录。

来源:10-5 为Vite开发服务器设置proxy代理

SheldonParsons

2022-11-27

DEV环境和prod环境都是这样

写回答

1回答

Harry_wang

2022-11-28

课程中某一章节应该有讲到这个问题。

1、直接刷新页面就相当于reload,这样就走了服务端渲染,可以拿到服务端直接渲染好的带有数据的静态页面,如果喜欢这种跳转方式,你也可以在跳转其他页面的时候使用window.open或者window.location.href来跳转页面,这样network里没有请求。

2、为什么课程中使用前端路由做跳转,是因为并不想每次跳转页面的时候重新刷新当前页面,这样就失去了单页面应用的优势和用户体验,因此跳转页面使用的前端路由,这样就没有走服务端,所以需要调用接口获取数据,因此network里有请求记录。

总结:服务端渲染主要用于首屏渲染和SEO,这些情况下在抓取单独页面的时候肯定会经过reload页面的过程,所以你不用担心network是否出现请求的现象。综上所述,服务端渲染你可以采用两种方式跳转:

a、window.open或者window.location.href

b、前端路(vue-router)


0
1
SheldonParsons
非常感谢!
2022-11-28
共1条回复

Vue3+TS打造SSR网站应用,0到1实现服务端渲染

教你一套前端技术组合拳,Get全套网站优化解决方案

367 学习 · 192 问题

查看课程