Vue脚手架3创建项目打包出现空白页的解决办法_vue3创建项目后页面空白

作者：菜鸟追梦旅行 | 2024-03-17 23:43:13

踩

vue3创建项目后页面空白

好久没用vue写Pc端的项目了，今天项目做完想放到服务器上的时候，竟然显示空白页，也是在网上搜索了一下，大多都是提示我们配置webpack中的 publicPath: './'。

因为vuecli3取消了build/webpack的配置文件，所以要手动在项目的根目录创建一个vue.config.vue文件，写如下代码


module.exports = {
  publicPath: './',
  outputDir: 'dist',
  configureWebpack: {
    externals: {}
  }
}

还没结束，我们在配置vue-router的时候要将mode改成hash


const router = new VueRouter({
  mode: 'hash'
})

然后通过 npm run build 打包，查看dist/index.html文件，如果文件的相对路径还是有问题，手动改一下就ok啦。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/258786?site