vue.js - 你可以在浏览器版本的vuejs中使用nuxt吗？

Question

您可以将 nuxt 用于 vuejs cdn，如果没有，是否还有其他 SEO 替代方案？
我正在使用 .net webforms 和 vue js 来获取数据，当我 view-source该站点，我仍然可以看到 mustache template我是在没有 webpack 的情况下使用 vuejs 实现 SEO 的新手，我能想到的唯一替代方法是预加载内容服务器端，这样 vue 应用程序将无用。
该应用程序的一个片段:

var my_app = new Vue({
  el: '#MyApp',
  data: {
     subjects: [],
     isLoading:true
  },

  mounted: function(){
     // fetch and fill data
  } 
})

和 Form.aspx包含:

<div id="MyApp">
   <p v-show="isLoading">Please Wait...</p>
   <p v-for="item in subjects">{{item.name}}</p>
</div>

任何帮助或建议将不胜感激，谢谢!

Answer 1

Nuxt 主要用于服务器端渲染你的 html。它在后端 nodejs 服务器上运行。没有可以通过cdn加载的nuxt js的浏览器版本。
如果您想在客户端(即:在您的浏览器中)获取数据，请通过 cdn 加载 vue.js。例如:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> .请注意，这不会在服务器端呈现，也不会经过搜索引擎优化。
如果您想要 SEO，则必须在后端运行 nuxt 服务器并使用在 fetch 中获取数据钩。从官方文档 here 阅读更多关于使用 Nuxt 和它的钩子(Hook)的信息