Vue两套代码适配pc和移动端无法触发路由

Question

我用两套Vue代码实现pc和移动端的切换，切换到移动端的网址是localhost:8080/move. html/，不能触发路由，请问怎么解决

我切换的方法是，如果是pc端，就用路由前置守卫window.location.href = '/move.html/'跳转到移动端页面

move.main.js文件代码：

import { createApp } from 'vue'
import Move from './Move.vue'
import ElementPlus from 'element-plus'
import router from '../move/move.router'
import 'element-plus/dist/index.css'
const app=createApp(Move)
app.use(router)
app.use(ElementPlus)
app.mount('#move')

move.router.js代码：

import { createRouter, createWebHistory } from "vue-router";
const test=()=>import('./page/Index.vue')
const router = createRouter({
  history: createWebHistory(),
  mode:'history',
  routes: [
    {
      path: "/",
      redirect:"/test"
    },
    {
      path: "/test",
      name:'test',
      component:test
    }
    
  ],

});

Answer 1

如果是切换两套代码，完全可以通过检测使用设备 或者 屏幕宽度去识别，然后根据这个特征去匹配对应的路由，比如我现在匹配的是移动端，本身pc端路由是 /pc/index 那你完全可以把路由拼接一下， 改成 /move/index 这种形式啊，然后路由表就写一张就够了写在 router.js 里面就行。没必要特别去转一次所谓的新路由，