我的 Vuejs 前端和我的 node express 后端如何相互交互,我需要 vue-cli 吗?

Posted

技术标签:

【中文标题】我的 Vuejs 前端和我的 node express 后端如何相互交互,我需要 vue-cli 吗?【英文标题】:How do my Vuejs frontend and my node express backend interact with each other and do i need the vue-cli? 【发布时间】:2018-12-17 16:50:08 【问题描述】:

我正在尝试使用 nodejs、express 和 vuejs 构建一个简单的网站。 在教程中,我看到人们建议使用 vue-cli 让前端和后端通过 API 进行通信。 (example)。 1。人们在生产中也使用这种方法吗?

我还看到您可以将 vue cli 文件构建到 /dist 文件夹中,然后将该文件夹移动到后端。然后就可以使用后端服务生成的 index.html (example)

2。这样做之后,vue.js 是否仍然通过我用 vue cli 编写的用于开发的 api 与后端通信? 3。除了静态提供由 vue-cli 构建的 index.html 文件之外,我是否必须更改后端代码才能以这种方式部署网站? 最后是 3. 我可以 @987654323 @ 并在脚本标签中使用提供的 vue.min.js 并在开发时失去一些可用性?

我希望我的问题是可以理解的,我很感激每一个答案。

【问题讨论】:

【参考方案1】:

后端通常通过 REST API 为前端提供服务。

您的 Vue 应用程序与您的后端完全分离。大多数应用程序将业务逻辑保留在后端,并将前端用作视图。对于较小的项目,您可以将逻辑保留在浏览器中。

直接回答您的问题:不,Vue CLI 不用于此。其目的是增强您的开发过程。

您应该了解的相关主题:具象状态传输 (REST)、单页应用程序、Ajax

高级/不太相关的主题:GraphQL、服务器端渲染、HTTP、Web 套接字、MVC

【讨论】:

以上是关于我的 Vuejs 前端和我的 node express 后端如何相互交互,我需要 vue-cli 吗?的主要内容,如果未能解决你的问题,请参考以下文章

将 VueJS 与 laravel 连接起来

将数据从 Node 传递到 Vuejs

django & Vue.js:为啥我的 VueJs 组件没有显示在前端?

我和我的广告前端代码:突发需求,广告法,加标识,打补丁

集成我的前端代码(Netlify)和我的后端代码(heroku)(CORS)的问题[关闭]

如何在 Vuejs 和 Node 中设置授权标头并保护路由