vue中项目页面空白但不报错产生的原因及分析
作者：是张鱼小丸子鸭 发布时间：2024-05-03 15:12:17
vue项目页面空白但不报错产生的原因分析
vue项目中我们请求一个路由，打开页面发现页面是空白的，产生的主要原因有四种：
1.路由重复
如果配置了两个路由是重复的，比如配置了两个【path: ‘/’】，那么访问就会看到空白页面，这时候改下重复的路由配置即可
2.app.js中删除了router-view
我们可以把 app.js看成路由的顶级路由，再创建路由他属于二级路由，依次类推
3.路由导航守卫没有next（）
我们写路由导航守卫时，next相当于是安保人员，只有他有权力进行放行，如果他不进行放行，我们肯定无法接着访问，从而导致页面空白
4.访问的就是空白页面
这种情况比较少，我们再访问一个新的页面时，一般会写点文字进行页面展示
打包vue文件后页面空白，出现报错
报错如下：
Refused to apply style from 'http://127.0.0.1:5500/css/chunk-43aa77e1.33bcbef1.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.Failed to load resource: the server responded with a status of 404 (Not Found)
此块代码意思为：
拒绝应用’http://127.0.0.1：5500/css/chunk-43aa77e1.33bcbef1.css’，因为它的MIME类型（‘text/html’）不是受支持的样式表MIME类型，并且需要严格的MIME检查已启用。
失败加载资源：服务器的响应状态为404（未找到）
Failed to load resource: the server responded with a status of 404 (Not Found)
此块代码意思为：
未能加载资源：服务器响应状态为404（未找到）
引起此类报错的原因是因为js、css等文件过多，需手动添加（./）获取当前文件路径，但js等文件过多手动添加路径会引起冲突，
此类报错的解决方案为：在根目录中添加一个名为vue.config.js的文件，操作如下
来源：https://blog.csdn.net/qq_60976312/article/details/126159493
0
投稿猜你喜欢
注：此方法可用于配置gitlab也可用于配置github1.在github中创建一个账号：https://github.com/join?s- 本文实例讲述了Python实现的排列组合计算操作。分享给大家供大家参考，具体如下：1. 调用 scipy 计算排列组合的具体数值>&g
- 本文实例为大家分享了python爬取网易云音乐评论的具体代码，供大家参考，具体内容如下import requestsimport bs4im
- 一、读取Excel中的数据安装xlrd 只能读取Excel内容pip install xlrd==1.2.0xlrd库的open_workb
- 这个需求是产品提的，一开始只是设置了 <input style="padding-top: 3px;" type=
- 1，前台引入所需的js 可以从官网上下载function getTab(){var url = contextPath+'/fund
- 信息架构的组件可以拆分成四类组织系统 如何组织信息，例如，依据主题或年代顺序。标签系统 如何表示信息，例如，科学术语（“Acer”）或通俗术
- 1.使用 for key in dict遍历字典可以使用for key in dict遍历字典中所有的键x = {'a':
- 开放源代码社区为了扩展MySQL的使用范围，开发出了.Net框架(.NET Framework)中可以使用的数据库连接器。我们就来学习一下如
- 输出用print加上字符串，就可以向屏幕上输出指定的文字。比如输出'hello, world'，用代码实现如下：>&g
- 享元模式（Flyweight Pattern）是什么享元模式是一种结构型模式，它通过共享对象来减少系统中的对象数量，从而降低了内存的使用和系
- 问题：1.一个销售系统,设有各级代理商,每个代理商的表是这样设计的 数据库结构表1: 代理商资料表[id]
- 哈喽大家好，这里是滑稽研究所。看过我们图像处理系列的朋友，应该知道识别答题卡那期文章。其中利用opencv框架，完美的实现了答题卡填涂区
- 本文实例讲述了Python3将jpg转为pdf文件的方法。分享给大家供大家参考，具体如下：#coding=utf-8#!/usr/bin/e
- 大家做网站，特别是自己写的代码，常常担心被一些黑客入侵服务器，从而导致网站代码被盗，给自己带来一些损失。那么我们怎么样做，就算黑客盗了你的代
- 模型经过训练测试之后，我们往往用一两张图对模型预测结果进行分析讨论，那么下面介绍在keras中用已训练的模型经过测试的方法。下面是以利用预训
- python安装第三方库大都是通过pip命令安装，这个命令确实是很简便的，而对于每个独立的项目来说，需要用到的库或许会不同，如果删除或更新原
- 前言with 这个关键字，对于每一学习Python的人，都不会陌生。操作文本对象的时候，几乎所有的人都会让我们要用 with open ，这
- 目录1. 什么是竞态2. 如何消除竞态3. Go 提供的并发工具3.1 互斥锁3.2 读写互斥锁3.3 Once3.4 竞态检测器4. 小结
- 前段时间在网上找了一个“完美的”JavaScript对象克隆的函数，感觉还不错，但随后便出现了一些问题，发现这个克隆并不好用，在使用发现了如
