javascript - 向 vue-webpack-boilerplate 添加 Express 后端

标签 javascript express vue.js

我刚刚下载了 - vue-webpack-boilerplate - 我所看到的一点看起来真的很好:)(第一次使用 webpack + ESlint)

但是我有点困惑 - 我怎样才能向项目添加快速后端?

并非每条路线都总是 vue,有时它是 api 请求或数据库调用等 - 如果我连接了一个 Express 后端,我如何选择我想要加载的 vue 组件?

我的理解是完全错误的/误解了它的用途吗?

谢谢

编辑:我看过http://vuejs-templates.github.io/webpack/backend.html - 但这并没有真正澄清任何事情

最佳答案

您可能会对前端 express 项目的 npm 构建包(例如 webpack)感到困惑。

您提到的样板是针对前端的。它允许您开发一个静态网站,无论有或没有SPA最终得到可部署在任何静态文件托管上的 htmlcssjs 文件。

在客户端的任何地方进行API调用都没有错。例如。在每次路由更改时,您指定要加载的组件,并且它可以调用 API 来更新 UI。这就是用于客户端路由的SPA。您只需为后端制作一个单独的 Express 项目即可。

您可以尝试Nuxt用于服务器端渲染(SSR)。 SSR 的主要优点是 SEO 友好,但不适合动态页面,如个人资料和结帐页面。 Nuxt 是一个通用(客户端或服务器路由)Vue 应用程序,通过在运行时生成静态 html 来实现。然而,它与您认为要添加 Express API 后端的内容不同,但您仍然可以使用 Async Data 填充动态数据。

看看这个 JAMstack .

关于javascript - 向 vue-webpack-boilerplate 添加 Express 后端,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46941172/

相关文章:

javascript - 这个接受 Express 中的 RequestHandler 的函数是如何工作的?

node.js - 对 HEAD 请求使用 express sendFile

带有数据的 Angular 嵌套组件

javascript - 在Vue中,使用select在对象数组中选择一个对象

javascript - TypeScript 中未定义的属性

javascript - 如何使用浏览器大小缩放 Javascript 幻灯片

javascript - 处理 ajax PUT 请求

vue.js - 在 BootstrapVue 中关闭 Modal 时防止关闭 Toast

javascript - 如何在 Javascript 中从表单中获取浮点值

javascript - 仅使用 API key 访问 Google Analytics 数据