当前位置：首页 > news >正文

vue项目部署到github pages后页面显示不出来？？

news 来源：原创 2025/5/7 5:25:24

问题：

当我们在命令行执行 npm run build 后，项目的目录下会生成一个 dist 文件夹，它里面又包含一个 static 文件夹和一个 index.html 文件，这是 webpack 最终打包好的文件

项目上传到仓库后发现页面为空，找不到文件路径..

咦，为什么页面显示是空白的？打开控制台，细心的朋友可能会发现， script 标签的引入路径好像不对啊，因为 static 文件夹和 index.html 是在同一个目录下的，这里却是从根目录引入 static 下的文件，正确的路径应该是 ./ 开头的相对路径： src=’./static/…’ 或者 src=‘static/…’

解决方法：

找到vite.config.js文件，添加一行base属性，值为你的仓库名称，示例如下。

export default defineConfig({base: '/zwBlog/',// 仓库名称
})

这样可以就可以找到你的文件位置啦！

vue项目部署到github pages后页面显示不出来？？

问题： 当我们在命令行执行 npm run build 后，项目的目录下会生成一个 dist 文件夹，它里面又包含一个 static 文件夹和一个 index.html 文件，这是 webpack 最终打包好的文件项目上传到仓库后发现页面为空，找不到文件路…...

编程日记 2025/5/7 5:25:24

为什么爱用低秩矩阵

目录为什么爱用低秩矩阵一、定义与性质二、区别与例子为什么爱用低秩矩阵我们更多地提及低秩分解而非满秩分解，主要是因为低秩分解在数据压缩、噪声去除、模型简化和特征提取等方面具有显著的优势。而满秩分解虽然能够保持数据的完整性，但在实际应用中的场景较为有限…...

编程日记 2025/5/1 2:33:02

如何在MySQL中计算两个日期的间隔天数

目录 1. DATEDIFF函数2. TIMESTAMPDIFF函数3. PERIOD_DIFF函数4. 函数对比在MySQL 5.7中，计算两个日期之间的间隔天数是一项常见的任务。 1. DATEDIFF函数 DATEDIFF函数可以直接计算两个日期之间的天数差异。 -- 计算2024年1月1日和2024年1月10日之间的天数差异 …...

编程日记 2025/5/6 8:38:12

SQL面试题——抖音SQL面试题共同问题—共同使用ip用户检测问题

共同使用ip用户检测问题现有用户登录日志表，记录了每个用户登录的IP地址，请查询共同使用过3个及以上IP的用户对； +---+--------------+-------------------+ | id| ip| etime| +---+--------------+-------------------+ | 2|223.104.41.101|20…...

编程日记 2025/5/5 2:17:24

python学习笔记2

下载安装PyCharm 打开pycharm官网： https://www.jetbrains.com.cn/en-us/pycharm/download/?sectionwindows 找到社区版（免费） 下载之后打开，不停下一步就行打开pycharm软件后，新建py文件基本输出：…...

编程日记 2025/5/6 12:12:20

IS-IS的原理

IS-IS的基本概念： 概述： IS-IS，中间系统到中间系统，是ISO国际标准化组织为它的无连接网络协议设计的一种动态路由协议 IS-IS支持CLNP网络和IP网络，采用数据链路层封装，区别于ospf只支持IP网络&#xff0…...

编程日记 2025/5/6 12:27:23

现代应用程序中基于 Cell 架构的安全防护之道

在飞速发展的软件开发领域，基于 Cell 的架构日益流行起来。其概念源自船舶舱壁的设计准则，即单独的水密舱室能允许故障孤立存在。通过将这个概念应用于软件，我们创建了一个架构，将应用程序划分为离散的、可管理的组件，…...

编程日记 2025/5/5 14:00:05

Rust : 生成日历管理markdown文件的小工具

需求： 拟生成以下markdown管理小工具，这也是我日常工作日程表。可以输入任意时间段，运行后就可以生成以上的markdown文件。一、toml [package] name "rust-workfile" version "0.1.0" edition "2021"[d…...

编程日记 2025/4/30 22:26:42

Burp Suite 全面解析：开启你的 Web 安全测试之旅

声明！ 学习视频来自B站up主 **泷羽sec** 有兴趣的师傅可以关注一下，如涉及侵权马上删除文章，笔记只是方便各位师傅的学习和探讨，文章所提到的网站以及内容，只做学习交流，其他均与本人以及泷羽sec团队无关&a…...

编程日记 2025/5/4 5:42:43

RocketMQ: 消息积压问题的解决

概述 1 ） 什么是消息积压在分布式消息系统中，消息积压是指消息生产速度超过消息消费速度，导致未处理的消息在消息队列中累积的现象这种现象可能会导致系统性能下降、资源占用增加，甚至影响系统的正常运行 2 ）消息积…...

编程日记 2025/5/6 14:07:03

Qt的定时器应用案例 || Qt的图片添加显示

目录 1.ui界面 2.头文件 3.cpp源文件 4.main文件 5.关于ui_mytimerevent.h的代码编译错误 6.图片的添加展示方式 7.结果展示 8.参考文章 1.ui界面 2.头文件 #ifndef MYTIMEREVENT_H #define MYTIMEREVENT_H#include <QMainWindow> #include <QTime> //#in…...

编程日记 2025/5/5 22:52:32

import { createApp } from vue // 引入elementPlus js库 css库 import ElementPlus from element-plus import element-plus/dist/index.css //中文语言包 import zhCn from element-plus/es/locale/lang/zh-cn //图标库 import * as ElementPlusIconsVue from element-plus/i…...

编程日记 2025/5/6 7:37:40

web安全攻防入门教程

Web安全攻防入门教程 Web安全攻防是指在Web应用程序的开发、部署和运行过程中，保护Web应用免受攻击和恶意行为的技术与策略。这个领域不仅涉及防御措施的实现，还包括通过渗透测试、漏洞挖掘和模拟攻击来识别潜在的安全问题。本教程将带你入门Web安全攻…...

编程日记 2025/5/6 15:37:16

Android——android相对布局（RelativeLayout）及各属性

参考:Android——android相对布局（RelativeLayout）及属性 - 艺言弈行 - 博客园 (cnblogs.com)...

编程日记 2025/4/8 8:59:42

初窥 HTTP 缓存

引言对于前端来说, 你肯定听说过 HTTP 缓存。当然不管你知不知道它, 对于提高网站性能和用户体验, 它都扮演着重要的角色! 它通过在客户端和服务器之间存储和重用先前获取的资源副本, 来减少网络流量和降低资源加载时间, 从而提升用户体验! 以下是 HTTP 缓存的重要性: 减少…...

编程日记 2025/5/5 1:27:15

【LeetCode】3. 哈希表：字母异位词分组；有效的数独

题目字母异位词分组给你一个字符串数组，请你将字母异位词组合在一起。可以按任意顺序返回结果列表。字母异位词是由重新排列源单词的所有字母得到的一个新单词。示例 1: 输入: strs [“eat”, “tea”, “tan”, “ate”, “nat”, “bat”] 输出: [[“…...

编程日记 2025/5/4 17:42:07

设计模式之抽象工厂 C# 范例

在设计模式中，抽象工厂模式（Abstract Factory Pattern） 是一种创建型模式，它提供一个接口，用于创建一组相关或相互依赖的对象，而无需指定具体类。这种模式的关键在于通过抽象工厂来封装产品的创建&#xff…...

编程日记 2025/5/5 6:34:43

基于Python的猎聘网招聘数据采集与可视化分析

1.1项目简介在现代社会，招聘市场的竞争日趋激烈，企业和求职者都希望能够更有效地找到合适的机会与人才。猎聘网作为国内领先的人力资源服务平台，汇聚了大量的招聘信息和求职者数据，为研究招聘市场趋势提供了丰富的素材。基于Pyt…...

编程日记 2025/5/4 21:48:43

oracle数据库的启动与关闭

一.oracle数据库的启动过程启动实例（Start the Instance） 启动实例：一个Oracle数据库实例由内存结构和后台进程组成，启动实例时会加载这些内存结构和启动进程。实例是数据库的一个运行时环境，它包含了数据库的控制文…...

编程日记 2025/4/28 17:38:50

openGauss开源数据库实战十六

文章目录任务十六 openGauss逻辑结构:触发器管理任务目标实施步骤一、测试openGauss的触发器1.创建测试表2.创建触发器对应的函数3.创建触发器4.测试触发器二、触发器的类型1.行级触发器2.语句级触发器3.AFTER触发器和 BEFORE触发器任务十六 openGauss逻辑结构:触发器管理 …...

编程日记 2025/5/4 1:28:41

智能教育的关键之一是构建智能学习系统

教育部办公厅12月27日发布《关于加强中小学人工智能教育的通知》，提出人工智能教育六大主要任务和举措，包括构建系统化课程体系、实施常态化教学与评价、开发普适化教学资源、建设泛在化教学环境、推动规模化教师供给和组织多样化交流活动。《通知》提出…...

编程日记 2025/5/1 23:20:16

【Linux 篇】Docker 容器星河与镜像灯塔：Linux 系统下解锁应用部署奇幻征程

文章目录【Linux 篇】Docker 容器星河与镜像灯塔：Linux 系统下解锁应用部署奇幻征程前言一、docker上部署mysql1. 拉取mysql镜像2. 创建容器3. 远程登录mysql 二、docker上部署nginx1. 拉取nginx镜像2. 在dockerTar目录下上传nginx.tar rz命令3. 创建nginx容器4…...

编程日记 2025/5/5 20:34:14

十四(AJAX)、AJAX、axios、常用请求方法(GET POST...)、HTTP协议、接口文档、form-serialize

1. AJAX介绍及axios基本使用 <!DOCTYPE html> <html lang"zh-CN"><head><meta charset"UTF-8" /><meta http-equiv"X-UA-Compatible" content"IEedge" /><meta name"viewport" content&q…...

编程日记 2025/5/7 0:46:32

雪花算法生成ID

下面将简单介绍雪花算法的简单应用和在web应用中的使用。雪花算法的组成：雪花算法是由64位组成：符号位(1)、时间戳(41)、机器码(5[数据中心]5[机器ID])、计数器(12) 对于雪花算法的源码可以在这里看：bwmarrin/snowflake: A simple to use …...

编程日记 2025/5/7 1:32:24

Java - JSR223规范解读_在JVM上实现多语言支持

文章目录 1. 概述2. 核心目标3. 支持的脚本语言4. 主要接口5. 脚本引擎的使用执行JavaScript脚本执行groovy脚本1. Groovy简介2. Groovy脚本示例3. 如何在Java中集成 Groovy4. 集成注意事项 6. 与Java集成7. 常见应用场景8. 优缺点9. 总结 1. 概述 JSR223（Java Spe…...

编程日记 2025/5/5 17:51:39

vue3 基本使用

Vue 3 提供了多种方式来构建用户界面，包括选项式 API 和 Composition API。下面我将详细介绍 Vue 3 的基本使用和语法，主要集中在选项式 API 上，因为这对于初学者来说更容易上手。 1. 创建 Vue 项目如果你还没有一个 Vue 项目，…...

编程日记 2025/5/3 6:25:22

Redis自学之路—高级特性(实现消息队列)（七）

目录简介 Redis的Key和Value的数据结构组织全局哈希表渐进式rehash 发布和订阅操作命令 publish 发布消息 subscribe 订阅消息 psubscribe订阅频道 unsubscribe 取消订阅一个或多个频道 punsubscribe 取消订阅一个或多个模式查询订阅情况-查看活跃的频道查询…...

编程日记 2025/5/5 2:57:58

ROS基本框架2——在ROS开发中创建并使用自定义消息（C++版本）

ROS基本框架2——在ROS开发中创建并使用自定义消息（C++版本） code review! 参考笔记 1.ROS基本框架1——编写简单的发布者和订阅者（C++和Python版本） 2.ROS基本框架2——在ROS开发中创建并使用自定义消息（C++版本）文章目录 ROS基本框架2——在ROS开发中创建并使用自定义…...

编程日记 2025/4/26 4:13:32

计算机的错误计算（一百七十二）

摘要探讨 MATLAB 对于算式的计算误差。例1. 在 MATLAB 中计算的值。直接贴图吧： 这样，MATLAB 的输出中只有3位正确数字，有效数字的错误率为 (16-3)/16 81.25% . 因为16位的正确输出为 0.2971242332737277e-18（ISReals…...

编程日记 2025/4/15 21:55:08

贵州大学oj平台高级语言第九次作业（四）

题目：链表的基础操作题目描述链表是软件中一种最基本的数据结构，它是用链式存储结构实现数据存储的线性表。它较顺序表(如数组)而言在插入和删除数据时不必移动其后的大批量元素。现在给你一些整数，然后会频繁地插入和删除其中的某些元素&a…...

编程日记 2025/5/6 10:59:44

手机卡限速丨中国移动5G变3G，网速500kb

以下猜测错误，又有新的猜测：河南移动的卡出省限速。可能是因为流量结算。 “2024年7月1日起，中国移动集团内部将开启跨省流量结算” 在深圳四五年了，之前没有过，就从上个月开始。11月底解除限速，12月刚开…...

编程日记 2025/5/4 11:54:40

种花问题算法

假设有一个很长的花坛，一部分地块种植了花，另一部分却没有。可是，花不能种植在相邻的地块上，它们会争夺水源，两者都会死去。给你一个整数数组 flowerbed 表示花坛，由若干 0 和 1 组成，其中 0 …...

编程日记 2025/4/23 13:49:22

Node.js-Mongodb数据库

MongoDB MongoDB是什么？ MongoDB是一个基于分布式文件存储的数据库数据库是什么？ 数据库（DataBase）是按照数据结构来组织、存储和管理数据的应用程序（软件） 数据库作用？ 对数据进行增、删…...

编程日记 2025/5/5 8:06:39

Nginx

目录基本介绍 Nginx核心功能 Nginx下载&安装&启动配置防火墙 Nginx常用命令 Nginx配置文件全局块 events块 http块 http全局块 server 块检查配置信息快速入门安装JDK 安装Tomcat 反向代理分析 Location语法规则反向代理配置-Location实例 …...

编程日记 2025/4/24 8:02:11

CTF-PWN: 全保护下格式化字符串利用 [第一届“吾杯”网络安全技能大赛如果能重来] 赛后学习(没思路了)

通过网盘分享的文件：如果能重来.zip 链接: https://pan.baidu.com/s/1XKIJx32nWVcSpKiWFQGpYA?pwd1111 提取码: 1111 --来自百度网盘超级会员v2的分享漏洞分析格式化字符串漏洞,在printf(format); __int64 sub_13D7() {char format[56]; // [rsp10h] [rbp-40h]…...

编程日记 2025/4/26 4:20:07

HTML5系列（7）-- Web Storage 实战指南

前端技术探索系列：HTML5 Web Storage 实战指南 🗄️ 致读者：本地存储的新纪元 👋 前端开发者们， 今天我们将深入探讨 HTML5 中的 Web Storage 技术，这是一个强大的本地存储解决方案，让我们能…...

编程日记 2025/5/5 0:56:39

RocketMQ: 保证消息的可靠性投递

概述在分布式系统中，消息队列作为异步通信的重要组件，其可靠性和稳定性至关重要RocketMQ 是阿里巴巴开源的一款高性能、高可靠性的分布式消息中间件，广泛应用于各种场景，如交易订单处理、日志收集、流计算等 RocketMQ 的可靠性…...

编程日记 2025/5/6 7:23:01

消息传递神经网络（Message Passing Neural Networks, MPNN）

消息传递神经网络（Message Passing Neural Networks, MPNN） 一、引言二、消息传递框架概述1.消息传递阶段（1）消息生成与传播-message（2）消息聚合-aggregate（3）消息更新-update&#…...

编程日记 2025/5/3 5:35:55

Python干货总结篇：列表、字典、集合、元组的区别与用途

前言： 更详细知识点，搞懂列表、字典、集合、元组到底是什么，可关注主页文章：Python知识点精汇！ 目录一、特点与用途 1.列表：a[ ] 2.集合：a{ } 3.字典：a{key:value} 4.元组&am…...

编程日记 2025/5/6 4:13:56

vue.js学习(day 18)

实例：面经基础版...

编程日记 2025/4/24 4:57:23

【Gitlab】CICD使用minio作为分布式缓存

1、安装minio 下载适合自己系统版本的安装文件https://dl.min.io/server/minio/release/windows-amd64/ yum install xxx.rpm 2、配置/etc/profile export MINIO_ACCESS_KEYroot [ui登录账号] export MINIO_SECRET_KEYminioDev001 [ui登录密码] export MINIO_OPTS"…...

编程日记 2025/4/21 21:48:45

医院管理系统

私信我获取源码和万字论文，制作不易，感谢点赞支持。医院管理系统摘要随着信息互联网信息的飞速发展，医院也在创建着属于自己的管理系统。本文介绍了医院管理系统的开发全过程。通过分析企业对于医院管理系统的需求，创建了一个计…...

编程日记 2025/4/29 22:03:33

编译器优化技术

方法内联逃逸分析公共子表达式消除数据边界检查消除...

编程日记 2025/4/9 4:29:22

高斯消元——acwing

题目一：高斯消元解线性方程组 883. 高斯消元解线性方程组 - AcWing题库分析代码 #include<bits/stdc.h> using namespace std;const int N 110; const double eps 1e-6; // 注意了double, 和1e-6 ,,这样才是double的0 int n;double a[N][N];int guass…...

编程日记 2025/5/6 15:01:28

华为关键词覆盖应用市场ASO优化覆盖技巧

在我国的消费者群体当中，华为的品牌形象较高，且产品质量过硬，因此用户基数也大。与此同时，随着影响力的增大，华为不断向外扩张，也逐渐成为了海外市场的香饽饽。作为开发者和运营者，我们要认识到…...

编程日记 2025/4/29 11:44:13

[代码随想录06]哈希表的使用，有效字母异位词，两数组交集，快乐数，两数之和

前言哈希表是什么？一句话带你理解，简单来说我们对于杂乱的数据，怎么快速找到数据，如何做呢？一般的做法就是遍历复杂度为o(N)去找寻一个数据，但是吧，我们这样思考的话，还是花了大量时…...

编程日记 2025/5/6 17:41:54

linux网络抓包工具

linux网络抓包工具一、tcpdump1.1 基本用法1.2 龙芯平台实例操作二、wireshark2.1 主要功能2.2 龙芯平台实例操作一、tcpdump tcpdump 指令可列出经过指定网络界面的数据包文件头，可以将网络中传送的数据包的 “头” 完全截获下来提供分析。它支持针对网络层、协…...

编程日记 2025/4/25 1:15:15

运维工程师.云计算工程师面试题.考试题

《（全国）运维自动化阶段第1套卷》卷面总分题号单选题 90 题分得分一、单选题（每题2分，共计70分；得分____） 1．下面哪个选项可以做变量名称？（） A、if B、123abc C、for D、User_Name 2．哪种数据类型可以做增,删,改相关操作？（） A、字符串 B、列表 C、元…...

编程日记 2025/5/6 17:09:11

递归1——递归入门

目录 1.递归 2.递归的基本题目 2.1.题目一——P5739 【深基7.例7】计算阶乘 - 洛谷 | 计算机科学教育新生态 2.2.题目二——B2064 斐波那契数列 - 洛谷 | 计算机科学教育新生态 2.3.题目三——B2142 求 123...N 的值 - 洛谷 | 计算机科学教育新生态 2.4.题目四——B2144…...

编程日记 2025/5/6 2:27:42

XuperChain核心流程

04-XuperChain核心流程 0 XuperChain架构图核心框架 Xuper Chain主要由 Xuper Core 这个核心引擎来构建。Xuper Core 分为三个部分： 基础组件：日志、存储、监控等关键组件，以及密码学库等基本组件。核心组件：包括共识、合约、账…...

编程日记 2025/4/27 10:45:55

问题：

解决方法：

相关文章：