Javascript 向vue webpack样板文件添加express后端

Javascript 向vue webpack样板文件添加express后端,javascript,express,vue.js,Javascript,Express,Vue.js,我刚刚下载了--我看到的一点看起来真的很好:)(第一次使用webpack+ESlint) 然而,我有点困惑-我如何向项目添加express后端 并非每个路由都是vue,有时是api请求或db调用或类似的—如果我连接了express后端,如何选择要加载的vue组件 我是否完全错了/误解了这是为了什么 谢谢 编辑:我已经看过了-但这并没有真正澄清任何问题您可能会混淆npm为前端和后端express项目构建类似webpack的包 你提到的样板是针对前端的。它允许你开发一个静态网站,无论有无,最终都会有

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

然而,我有点困惑-我如何向项目添加express后端

并非每个路由都是vue,有时是api请求或db调用或类似的—如果我连接了express后端,如何选择要加载的vue组件

我是否完全错了/误解了这是为了什么

谢谢


编辑:我已经看过了-但这并没有真正澄清任何问题

您可能会混淆
npm
为前端和后端
express
项目构建类似
webpack
的包

你提到的样板是针对前端的。它允许你开发一个静态网站,无论有无,最终都会有
html
css
js
文件部署在任何静态文件宿主上

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

您可以尝试进行服务器端渲染(SSR)。SSR的主要优点是SEO友好,但不适用于动态页面,如配置文件和签出页面
Nuxt
是一种通用(客户端或服务器路由)
Vue
应用程序,它在运行时生成静态
html
。但是,它不同于您认为要添加ExpressAPI后端的内容,但您仍然可以使用


看看这个。

这是一个非常广泛的问题,你需要更多地研究这个主题并提出具体的问题。很抱歉,这个问题很模糊-实际上我下载了一个非常好的构建系统,它似乎只为一个单页应用程序构建(根本没有路由)。我只是问你如何将路由添加到vue应用程序中。假设我理解你的意思是正确的,我只会有单独的html页面,每个html页面都有不同的vue组件。所以你可以有/purchase是一个页面,/shoppingcart是另一个页面。这些页面上有vue组件,然后使用ajax与后端代码(以您的express服务器为例)通信。您想要客户端或服务器端路由吗?@EricGuan服务器端-我真的不知道客户端是一件事:/谢谢您-这真的很有帮助:)