asp.net 全站静态化怎么实现
nuxt入门教程(一)vue如何实现全站静态化?
不知道你有没有发现,vue做的网站除了首页以外,其他页面根本就不能被百度收录。以至于有很多做o的同事痛斥其种种不是,最后被强迫改为不分离开发。
至于vue的详情页为什么不能被百度收录,这就涉及到了spa的核心概念,因为数据都是异步获取来的,前端根本就没有所谓的纯静态一说。通俗点讲就是,页面都是js通过ajax获取到数据以后,动态生成的。既然它本来就没有一个文件放在服务器上,当然,爬虫也就不能获取到这个静态的url地址了。
但是url静态地址又是做o必须的东西..
所以今天龙哥教你一套新的前端框架,基于vue的ssr前端框架—nuxt。本地开发的时候,使用vue语法,模块化你的项目,然后发布的时候生成静态,把ajax获取来的内容转化成静态html以利于o。真正实现模块化和静态化两不误!
首先说明一下,龙哥本地的nuxt环境是2.8.1。如果你的版本号和我的不符,可能有部分语法你需要参考官方API开发手册。
使用命令:
小知识:啥是npx?
我们以前不是用的npm吗,但是这货每次安装东西的时候,你还得给全局装一个-g,相当于你电脑里老得有这个服务。
但其实你项目中已经包含了运行时候所需要得所有东西了。
如果你用了npx,他不会给你装这个东西,而是装得时候用一下,用完了就卸载,效率更高。
npx是nodejs在5.0版本以后新加入的,非常牛逼。
所以我们现在来cnpm -g 那一步都不需要了,我们直接npx创建项目即可!!!
直接输入
注意这里有可能报错,不用管他,过个几秒就安装好了。
还有一个需要注意的地方,你的git版本不能低于2.17否则后面有几个需要arrow选择得地方你可能选不了,请升级你的git版本。
然后就可以开始安装了。
等你看到这个界面,就是安装好了。
他会自动安装所需要得所有包,安装完了以后你进入localhost:3000
出现这个界面,就OK了
全站静态化如何设置?求助
thinkcmf中怎么实现全站静态化,不要伪静态
ASP全站静态化
本文发布于:2023-02-28 20:26:00,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/zhishi/a/167767548386474.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:全站静态化(全站静态化如何实现).doc
本文 PDF 下载地址:全站静态化(全站静态化如何实现).pdf
留言与评论(共有 0 条评论) |