在Vue SPA的页面重新加载时保留cookies

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

Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  routes: [
    // 定义路由
  ]
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

const router = new VueRouter({
  mode: 'history',
  routes: [
    {
      path: '/example',
      component: ExampleComponent,
      meta: { preserveCookies: true } // 添加meta字段
    },
    // 其他路由配置
  ]
})

export default {
  created() {
    this.$router.beforeEach((to, from, next) => {
      if (to.meta.preserveCookies) {
        // 获取当前页面的cookies
        const cookies = document.cookie.split(';').map(cookie => cookie.trim())

        // 重新设置cookies
        cookies.forEach(cookie => {
          document.cookie = cookie
        })
      }

      next()
    })
  }
}