SEO:搜索引擎优化
SEO最基本的条件:
- 多页面,方便蜘蛛抓取
- 页面还有蜘蛛抓取的内容
- title、描述、关键词
vue单页面项目不具备以上SEO条件
方案:
1. 预渲染形式(适合项目某几个页面做SEO)
安装插件
prerender-spa-plugin在配置文件进行配置 prerender-spa-plugin使用手册
如何解决title、描述、关键字 ?
使用插件
vue-meta-info
缺点:
- 如果有很多详情页需要SEO,此方法不适合
- 动态去修改title、描述、关键字也是无效的
2. 服务端渲染
Nuxt项目上线流程
- 当npm run build 后 会生成.nuxt文件
- 正儿八经上线后需要将此文件和静态资源、package.json、nuxt.config.js
- 将上述文件放到服务器里面
- 服务器安装node
- 运行 npm install->npm run start
- nginx设置代理
如果不上线,怎么看?
- npm run build 后
- npm run generate
- 这时候会生成前端的list
- 点开index.html 就可以查看