前端常问面试题

最新推荐文章于 2024-08-15 20:53:53 发布

多啦爱梦的梦想

最新推荐文章于 2024-08-15 20:53:53 发布

阅读量389

点赞数

本文链接：https://blog.csdn.net/weixin_56263402/article/details/119102559

版权

本文详细解答了Vue项目中的SEO优化策略，包括SSR、静态化、预渲染和Phantomjs的优缺点。同时，讨论了Vue项目的权限控制，涉及菜单、按钮和URL权限的管理。此外，提到了支付功能实现（支付宝和微信支付）以及解决首屏加载过慢的策略，如路由懒加载、图片压缩和CDN加速。最后，分享了在项目中遇到的技术挑战和解决方案。

摘要由CSDN通过智能技术生成

问题一.Vue项目进行SEO优化

答：1.ssr 服务器渲染，在服务器html页面节点，已经解析创建完了，浏览器直接拿到的是解析完成的页面结构，关于服务器渲染的优点，更好的SEO，由于搜索引擎爬虫抓取工具可以直接看到完全渲染的页面，缺点：服务器nodejs环境的要求，且对代码的改造成本高 nuxt.js

2.静态化（博客，介绍性的官网首页，关于我们，联系我们，工艺介绍） Nuxt.js 可以进行generate 静态化打包，优势：编译打包时，就会帮你处理纯静态文件，访问速度超快，对比ssr，不涉及到服务器负载方面问题，静态页面不宜遭到黑客攻击，安全性更高，缺点：动态路由会被忽略。/users/:id，如果动态路由参数多不适合用

3.预渲染 prerender-spa-plugin（插件）如果你只是对少数页面需要做SEO(例如：首页，about关于等页面，预渲染时一个非常好的方式，预渲染会在构建时，简单的针对特定路由，生成静态ＨＴＭＬ文件（打包时可以帮你解析静态化）优势，设置预渲染简单，对代码的改动小，缺点：只适合于做少数页面进行SEO的情况，如果页面有几百上千，就不推荐了（会打包很慢）

4.使用 Phantomjs（插件）针对爬虫处理时一个基于webkit内核的无头浏览器，没有UI界面，就是一个浏览器，其内的点击，翻页等人为相关操作