vue-cli打包之后页面为空的问题。
2024-10-19 23:38:17
做了一个demo,想看一下打包之后的样子,发现页面是空的。
发现问题就要解决:
1.首先看控制台没有报任何错误,那就证明我们的代码是没有任何问题的。
只能是路径问题造成的。
2.在路由router/index.js中加入一个404页面,代码引入创建之类的就不说了。也就是说只要路径错误,Error这个vue组件就会显示
{
path: '*',
name: '404',
component: Error,
hidden: true
}
3.再打包,发现新增的Error果然出现。
4.再次证明是路径问题,想到路由有个mode模式
之前考虑到原先的默认模式(也就是地址后面带"#")很不习惯,所以改为history模式了
export default new Router({
mode:'history',
routes: [
{
。。。
5.看下是不是这个问题
把history模式去掉
再打包
OK,一切正常
补充一下:
看一下config/index.js 里面
把绝对路径改为相对路径!!!!!
最新文章
- ACM: NBUT 1105 多连块拼图 - 水题 - 模拟
- Geometry Curve of OpenCascade BRep
- windows2008安装IIS
- 【原】画流程图工具visio使用技巧汇总
- CSS规则的执行顺序(转)
- 《深度探索C++对象模型》3
- crm创建报告补充导航
- 关于tasklet的一点小小的解释
- 【转】C/CPP之static
- 项目实战14—ELK 企业内部日志分析系统
- Java多线程:线程池
- 转:对UI自动化测试的一些感悟
- 牛客网PAT乙级(Basic Level)真题-组个最小数 (20)
- JIT(Just in time,即时编译,边运行边编译)、AOT(Ahead Of Time,运行前编译),是两种程序的编译方式
- uva-10720-贪心
- HDU2643(SummerTrainingDay05-P 第二类斯特林数)
- 【转】嵌入式Linux驱动面试题三道
- a标签默认颜色
- chrome浏览器插件推荐——Vimium 篇
- SAP MM模块 经常使用Bapi