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

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

首先我们打包成功之后会出现一个dist文件
错误版

(这样子首页打开就是空白的！！！）

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

vue.config.js

module.exports = {lintOnSave: true,publicPath: './',outputDir: 'dist',assetsDir: 'static'
}

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

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

正确版

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

vue项目打包发现首页打不开或空白页面相关推荐

解决vue项目在ie、360兼容模式下空白页面问题
完美解决vue项目在ie.360兼容模式下空白页面,并提示语法错误的原因艰难路程解决办法艰难路程事实上,很多人在做项目的过程中很多存在同一个问题,于是去百度了,但是用同样的解决方法不一定就能解 ...
vue项目打包之后首页白屏的问题
本地的vue项目在server端浏览没问题,但是执行npm run build 打包之后在本地预览是白屏. 解决方法 1.路径问题在config文件夹中找到index.js打开把assetsPubl ...
解决vue项目打包后打开index.html一片空白
Vue项目运行npm run build后会生成一个dist文件夹,我们一般都是把这个文件夹部署到服务器上.dist文件夹里边有一个static文件和一个index.html页面,这个index就是最 ...
Vue项目打包部署总结
由于之前对前端部署上线这一套不清楚,所以这次通过查找多方资料总结一下.使用Vue作先后端分离项目时,一般前端是单独部署,用户访问的也是前端项目地址,所以前端开发人员颇有必要熟悉一下项目部署的流程与各种 ...
Vue 项目打包部署实战完整流程总结!
使用Vue做前后端分离项目时,通常前端是单独部署,用户访问的也是前端项目地址,因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了. Vue项目打包部署本身不复杂,不过一些前端同学可能 ...
Vue项目打包步骤详细流程，新手必需掌握的知识点！
Vue项目打包步骤 Vue项目打包流程介绍生成打包报告修改默认配置指定打包入口通过external加载外部CDN资源优化组件库的打包首页内容定制路由懒加载 Vue项目打包流程介绍新手必 ...
Vue项目打包后不能正常显示页面
项目场景: 通过 Vue CLI 创建的 vue 项目,编写完项目后,通过 npm run bulid 对项目进行打包,再把打包得到的内容(dist文件夹)交给后端部署到服务器上. 问题描述: 对 v ...
vue项目打包wap2app项目生成apk保姆级教程适合新手看，建议收藏
一.需要提前准备的有: 1.已部署到云端的网站+域名 2.下载软件HBuilder X, 下载地址官网. 3.创建项目重要的配置部分来了二.部分配置修改问题1:如果你的网站没有事先为顶部预留安全 ...
vue html引入资源dev下404,webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)...
最近在使用webpack + vue做个人娱乐项目时,发现npm run build后,css js img静态资源文件均找不到路径,报404错误...网上查找了一堆解决办法,总结如下一.首先修改c ...
vue项目打包与配置-学习笔记
文章目录 vue项目打包与配置-学习笔记前端打包打包的代码如何运行打包指定不同的环境变量(开发,测试) 打包手动配置文件打包压缩,大文件处理 gzip进一步压缩打包app 打包部署模式 vu ...

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

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

vue项目打包发现首页打不开或空白页面相关推荐

最新文章

热门文章

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

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

vue项目打包 发现首页打不开或空白页面相关推荐

最新文章

热门文章

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

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

vue项目打包发现首页打不开或空白页面相关推荐