vue打包踩坑个人记录

技术栈：vue3

问题：打包放到服务器上后通过nginx无法正常访问，控制台报vue-router相关错误

问题代码：

const routes = [
    {
        path: '/',
        component: () => require('../views/Main')
    },
    ...
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

修改为：

const routes = [
    {
        path: '/',
        component: () => import('../views/Main')
    },
    ...
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

或者：

import Main from '../views/Main'

const routes = [
    {
        path: '/',
        component: Main
    },
    ...
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

问题解决，浏览器可以正常访问