这是前后端分离的项目

对于前后端分离的项目，可以通过前端路由来实现未登录请求的重定向到登陆页面。

在前端路由中，可以通过拦截路由跳转事件，判断用户是否已登录。如果未登录，则使用路由跳转到登陆页面的 URL。

示例代码：

// 路由配置
const routes = [
  {
    path: '/',
    name: 'home',
    component: Home
  },
  {
    path: '/login',
    name: 'login',
    component: Login
  },
  // 其他路由省略...
]

// 创建路由实例
const router = new VueRouter({
  routes
})

// 拦截路由跳转事件
router.beforeEach((to, from, next) => {
  // 判断当前请求是否已登录
  const isLogin = false; // 这里需要根据具体业务逻辑进行判断
  if (to.name !== 'login' && !isLogin) { // 如果未登录，则跳转到登陆页面
    next({ name: 'login' })
  } else {
    next() // 继续跳转
  }
})

在上面的示例中，我们创建了一个 Vue 路由实例，并定义了路由配置。然后，使用 `router.beforeEach` 方法拦截路由跳转事件。在拦截方法中，判断当前请求是否已登录。如果未登录，则使用 `next` 方法将请求重定向到登陆页面的 URL。

需要注意的是，为了防止死循环，我们需要在登陆页面的路由中添加一个判断条件，以便在登陆页面时不会再次重定向到登陆页面。

示例代码：

{
  path: '/login',
  name: 'login',
  component: Login,
  meta: {
    requiresAuth: false // 设置为 false，表示不需要认证
  }
}

在上面的示例中，我们在登陆页面的路由中添加了一个 `meta` 属性，并设置 `requiresAuth` 属性为 `false`，表示不需要认证。在拦截方法中，判断当前请求是否为登陆页面，如果是，则继续跳转，否则判断用户是否已登录。

这样，未登录的请求就会被重定向到登陆页面了。