javascript - 什么时候使用vue-route,什么时候使用express Route?

标签 javascript node.js express vuejs2 vue-router

我刚刚使用node.js 和express.js 开发了一个原型(prototype)。在这里,我使用了 Express 路由来对后端进行 CRUD。

server.js 文件:

app.get('/project/:id', crud.getProjectData);

该路由将从服务器检索项目信息。

现在我正在重构我的代码,我想使用 Vue.js。这里他们有 vue-router 用于获取 vue 组件:

router.map({
 '/project/:id': {
    component: projectComponent,
 }
});
// I think this is the proper vue way of doing it

所以我正在制作一个单页应用程序,那么如何使用 routig 来获取 Vue 组件和后端数据?我是否只使用Vue路由,然后在组件内部从后端获取数据?

最佳答案

通常情况下,我更喜欢使用 Express 来服务器 API 请求,使用 Vue 来使用浏览器中可见的服务器 URL。

对于所有 API 请求,您可以在它们前面添加/api 或其他内容。

所以,

获取 API - /api/project/:id - 这是 Express 格式。

客户端路由 - /project/:id - 这是在 Vue 中。

此外,为了启动应用程序,Express 可以返回index.html,Vue 可以接管前端路由。

这种设置确保 Vue 和 Express 处理它们应该处理的事情。

关于javascript - 什么时候使用vue-route,什么时候使用express Route?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46324887/

相关文章:

javascript - 使用 auth0 时,我无法访问范围读取 :current_user

javascript - 正则表达式 - 如何查找未包含在 html 标记中或它们之间的单词

javascript - Web 服务器可以在响应请求之前以什么方式检查是否在现有页面上重定向 GET 请求?

javascript - NodeMailer 服务器上没有任何响应

mysql - 我什么时候应该使用 mongoDB 而不是关系数据库

node.js - NodeJS Express session 在页面刷新后过期

javascript - 带有切换按钮的菜单栏

node.js - 将 cordova 与 Node js 集成以构建移动应用程序

node.js - Node/Express/Nuxt 应用程序未获取环境变量

javascript - 有没有办法在 Chrome 的检查器中实时查看哪些 Javascript 函数(函数的名称)执行?