vue项目打包 发现首页打不开或空白页面

野性酷女 2022-11-21 11:45 300阅读 0赞

vue项目打包 发现首页打不开

首先我们打包成功之后会出现一个dist文件
错误版
在这里插入图片描述
(这样子首页打开就是空白的！！！）

接下来我们先建一个vue.config.js在根目录

  • vue.config.js

    module.exports = { 

    1. lintOnSave: true,
    3. publicPath: './',
    4. outputDir: 'dist',
    5. assetsDir: 'static'

    }

然后把router/index.js中的mode改成hash

  1. const router = new VueRouter({
  2.   mode: "hash",
  3.   base: process.env.BASE_URL,
  4.   routes,
  5. });

正确版
在这里插入图片描述

删掉之前的错误dist，重新打包，就ok了~~~

发表评论

表情：
评论列表 （有 0 条评论，300人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue 首页秒开实践指南

    一 前端性能优化一直是衡量一个团队和一个前端的各方面水平，呈现快速的加载，是给人最直观，成就感也最足的一个感受，而且对用户体验是第一重要的概念，所以这个相当重要，现就来结合美

    约定不等于承诺〃约定不等于承诺〃/ 0 赞/ 166 阅读