同志们,请教个问题,我的项目发时运行都没有问题
但打包后,就只能打开一个登录页,
路由里写在children子路由和动态路由都打不开,
基础情况:
vite2 ,js vue-router4
提示信息如下:
vendor.1d9383b7.js:40 TypeError: Failed to fetch dynamically imported module: http://localhost//views/home.vue
router.js
const modules = import.meta.glob("../views/**/**.vue")
const routes = [
{
path: '/',
redirect:'/main',
},
{
path: '/main',
redirect: '/home',
component:Layout,
name:'main',
children:[
{
path:'/home',
name:'home',
meta:{title:'平台首页'},
component:modules['../views/home.vue']
},
]
},
{
path: '/login',
name: 'login',
component: ()=>import('../views/login/login.vue')
},
]
vue.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
const { resolve } = require('path')
export default defineConfig({
base:'./',
plugins: [vue()],
server:{
port:99,
proxy: {
'/mgr': {
target: 'http://*.*.*.*:81/index.php/',
changeOrigin: true
}
}
},
resolve:{
alias:{
'@':resolve('./src'),
'@views': resolve('./src/views'),
'@components': resolve( './src/components'),
'@utils': resolve( './src/utils')
}
}
})