wxjxxl 2022-04-02 10:17 采纳率: 0%
浏览 1313

vite vue 项目开发时正常,但打包部署后,不能正常打开页面,请教

同志们,请教个问题,我的项目发时运行都没有问题
但打包后,就只能打开一个登录页,
路由里写在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')
    }
  }


})


展开全部

  • 写回答

1条回答 默认 最新

  • bdawn 全栈领域新星创作者 2022-04-02 10:28
    关注

    《vite 设置部署的访问路径》, 一起来围观吧 https://blog.csdn.net/BDawn/article/details/123635041?utm_source=app&app_version=5.3.0&code=app_1562916241&uLinkId=usr1mkqgl919blen

    看看是不是这个原因

    评论
    编辑
    预览

    报告相同问题?

    手机看
    程序员都在用的中文IT技术交流社区

    程序员都在用的中文IT技术交流社区

    专业的中文 IT 技术社区,与千万技术人共成长

    专业的中文 IT 技术社区,与千万技术人共成长

    关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

    关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

    客服 返回
    顶部