vue 301跳转

在Vue中进行301重定向可以通过使用Vue Router的redirect属性来实现。redirect属性可以将具体的路径重定向到另一个路径，可以是外部链接或内部路径。

以下是一个示例，演示如何在Vue中进行301重定向：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/old-path',
    redirect: { name: 'new-path' }
  },
  {
    path: '/new-path',
    name: 'new-path',
    component: () => import('./components/NewPath.vue')
  },
  // 其他路由配置...
]

const router = new VueRouter({
  mode: 'history',
  routes
})

export default router

在上述示例中，当用户访问/old-path时，Vue Router会将其重定向到/new-path，并显示NewPath.vue组件的内容。

需要注意的是，Vue Router的重定向是在客户端完成的，因此对于搜索引擎爬虫来说并不是真正的301重定向。如果需要进行真正的301重定向，应该在服务器端进行配置