8.nuxt3伪静态方案

一、问题描述

据我在网上搜寻的回答来看,似乎搜索引擎更喜欢静态化页面,也就是以.html结尾的页面。

而本网站目前就是一个基于nuxt3开发的动态网站,想要做到这一点,便需要进行伪静态操作,也就是让其看起来像静态网站一样。

但根据我的研究,nuxt3这个框架目前似乎并不能直接配置,当然也可能是我没找到。

至少我目前所看到的基本都是nuxt2的写法,nuxt3并不支持这种写法。

二、解决方案

经过我好一会的研究,最终发现最好的方式其实就是直接新建一个路由,并且让这个路由以.html结尾即可; image-20231108123209404

至于其内容,直接将你原本的页面内容复制过去即可,也就是这两种路由方式都可以用。

如果你目前网站还没有上线,那直接将原本的那个路由删除掉即可。

可如果你和我一样,网站内许多文章已经有了相应的外链,短时间内无法一下子更换完毕,那就两个都保留。

想要以后将网站彻底过渡到伪静态,可以在服务器端开一个获取文章内容的新接口,让这个[id].html.vue使用这个新接口,并慢慢过度外链到新网页上就好了。

作者:余识
全部文章:0
会员文章:0
总阅读量:0
c/c++pythonrustJavaScriptwindowslinux