官方:https://www.nuxtjs.cn/guide/installation

路由导航

  • a标签
    • 它会刷新整个页面,走服务端渲染,不要使用
  • router-link组件
  • 编程式导航 ```

``` # 动态路由 [https://zh.nuxtjs.org/guide/routing](https://zh.nuxtjs.org/guide/routing)
![image.png](https://cdn.nlark.com/yuque/0/2020/png/2614767/1603183631991-c5d77bf3-8ca9-4a43-a77b-b1a3edbb5f61.png#align=left&display=inline&height=89&margin=%5Bobject%20Object%5D&name=image.png&originHeight=89&originWidth=176&size=2763&status=done&style=none&width=176) ```
  1. <a name="Lxa1B"></a>
  2. # 嵌套路由
  3. 创建内嵌子路由,你需要添加一个 Vue 文件,同时添加一个**与该文件同名**的目录用来存放子视图组件。<br />![image.png](https://cdn.nlark.com/yuque/0/2020/png/2614767/1603183748215-5cddce7d-9a99-4ae4-b875-8cdc6ed6a9ac.png#align=left&display=inline&height=160&margin=%5Bobject%20Object%5D&name=image.png&originHeight=160&originWidth=394&size=4161&status=done&style=none&width=394)
  4. <a name="z5W2K"></a>
  5. # PM2
  6. 退出cdm不会关闭服务器<br />全局安装<br />npm -i -g pm2<br />运行npm命令<br />pm2 start npm -- start
  7. 常用命令:
  8. - pm2 list: 查看应用列表
  9. - pm2 start:启动应用
  10. - pm2 stop:停止应用
  11. - pm2 reload: 重载应用
  12. - pm2 restart: 重启应用
  13. - pm2 delete:删除应用
  14. 运行pm2 start npm -- start启动失败,解决办法<br />编写一个脚本,如start.js
  15. ```html
  16. const cmd = require("node-cmd");
  17. cmd.run("npm start");

然后配置ecosystem.config.js

  1. module.exports = {
  2. "apps": [
  3. {
  4. "name": "realWorld",
  5. "script": "start.js"
  6. }
  7. ]
  8. };

然后运行pm2 start start.js

github部署

首先生成token
Settings> develops setting>Personal access tokens生成一个token
然后把改token加到repo中
打开repo>settings Secrete分别生成main.yml对应的TOKEN/HOST/USERNAME/PASSWORD/PORT

  1. host: ${{ secrets.HOST }}
  2. username: ${{ secrets.USERNAME }}
  3. password: ${{ secrets.PASSWORD }}
  4. port: ${{ secrets.PORT }}

SSR优缺点

优点:
可以提高首屏渲染时间
可以提高SEO
缺点:
没有js互动,只支持部分生命周期的钩子函数(开发条件受限)
配置比较多(学习成本高)
在老代码基础上进行同构比较困难
所以对于页面比较密集,且用来显示的页面比较适合用ssr。