小编nfl*_*ria的帖子

我正在构建 nextjs 应用程序的用户身份验证部分。除了受保护的路线外，我已经完成了大部分工作。我正在尝试处理 _app.js 中的 auth 部分。这是文件：

import App from 'next/app'\nimport '../styles/globals.css'\nimport { parseCookies } from 'nookies'\nimport { redirectUser } from '../utils/auth'\nimport jwt from 'jsonwebtoken'\n\nclass MyApp extends App {\n  static async getInitialProps({ Component, ctx }) {\n    const { token } = parseCookies(ctx)\n    \n    let pageProps = {}\n\n    if (Component.getInitialProps) {\n      pageProps = await Component.getInitialProps(ctx)\n    }\n\n    if (!token) {\n      const isProtectedRoute = ctx.pathname === '/account'\n      if (isProtectedRoute) {\n        redirectUser(ctx, '/login')\n      }\n    } else {\n      try {\n        const verified = jwt.verify(token, …

我目前正在开发一个带有 Ruby on Rails 后端和 Vue.js 前端的应用程序。这是一个单页应用程序。我正在使用 webpacker gem 来构建我的主要 js 文件。

我添加了 vue-router 和几个前端路由。我能够使用<router-link>它正确呈现适当的组件进行导航。我无法弄清楚的是如何设置我的前端路由，以便有人可以直接导航到一个 url 而不会碰到我的 rails 路由。

例如，如果我输入/sample-route我想点击我的 Vue.js 路线而不是我的 rails 路线。我仍然希望能够对我的 rails 路由进行 api 调用。例如/api/users。

任何帮助表示赞赏。