将现有的 vuejs 应用程序转换为使用 nuxt s-s-r 有多难?

Posted

技术标签:

【中文标题】将现有的 vuejs 应用程序转换为使用 nuxt s-s-r 有多难?【英文标题】:How difficult is to convert an existing vuejs app to use nuxt s-s-r? 【发布时间】:2020-08-18 04:26:40 【问题描述】:

我使用 vuejs 建立了一个新闻网站,出于 SEO 和性能原因,我想使用 nuxt 来利用 s-s-r(服务器端渲染),我可以找到许多资源来编写新的 nuxt 应用程序,但在将现有的 vuejs 应用程序转换为努克斯特。有没有人尝试过这个或对如何做有建议?

【问题讨论】:

【参考方案1】:

我建议您需要以并行方式创建新项目。并逐步将Vue项目转换为Nuxt.js项目。

请在https://nuxtjs.org/主页观看Why Use Nuxt.js?视频。

【讨论】:

【参考方案2】:

非常直接。由于 Nuxt 使用了 Vue,因此您的所有组件都可以正常工作。

我会创建一个新的空白 Nuxt 应用,然后手动将每个页面和组件迁移到新的 Nuxt 应用中。

然后用 Nuxt,你可以选择:

    如果你想使用服务器端渲染(s-s-r):npm run build 或静态生成您的站点:npm run generate

编辑:您还可以使用 nuxt seo package 为您的 nuxt 网站增压。

【讨论】:

以上是关于将现有的 vuejs 应用程序转换为使用 nuxt s-s-r 有多难?的主要内容,如果未能解决你的问题,请参考以下文章

将现有的 Spring 应用程序转换为 Spring-Boot

如何将现有的 Angular 2 Web 应用程序转换为原生脚本应用程序

如何将现有的 Angular1 Web 应用程序转换为 Cordova 应用程序?

将现有的数据库模式转换为星型模式

使用 cypress-cucumber-preprocessor 将现有的 cypress 测试转换为黄瓜风格的 bdd。第二个场景没有被选中

将现有的 Eclipse 项目转换为 Maven 项目