【无标题】

vue3 打包

默认情况下直接使用
npm run build 打包出来的页面会出现白屏
这时候只需要在根目录下创建一个 vue.config.js文件

module.exports = {
    // 基本路径
    publicPath: './',
    // 输出文件目录
    outputDir: 'dist',
    configureWebpack: {
        externals: {
        }
    }
}

然后修改路由的跳转方式为hash

const router = createRouter({
    // history: createWebHistory(process.env.BASE_URL),//history模式
    history: createWebHashHistory(process.env.BASE_URL),//hash模式
  routes
})

export default router

然后在运行npm run build即可