vue项目打包后,生成的index.html直接本地打开后没内容

应该是文件路径找不到了

可以打开控制台看看

可以看到加载css,js,图标资源失败,所以是文件路径问题

vue-cli工程化生成的项目在打包后,默认的资源寻找路径是根,所以可以看到它直接在/F;/favicon找图标,但这个图标是放在项目所在目录根下的,不是系统盘根下,所以这时候就要改配置文件,让项目从项目根开始找,即相对路径

在vue.config.js加上public path,如下

然后重新打包就好了,继续本地浏览器打开index.html就可以了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/418504.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PMBOK® 第六版 项目进度管理知识领域

目录 读后感—PMBOK第六版 目录 提到“进度”,大家都能直观理解其含义。有统计指出,现在项目的延迟交付比例越来越高,并且这一趋势持续上升。造成项目延期的原因是多方面的,常见的原因之一是在项目初期,由于时间充裕&…

mysql笔记—基础

1.SQL语句 DDL(数据库对象操作)、DML(增删改)、DQL(查询)、DCL(用户和权限操作) 2.DDL: 1.数据库操作: show databases; create database []; use []; sele…

简单梳理一个历史脉络

B 站上王山水老师的一个视频引发的思考:没有司马篡国,能避免300年的大乱世吗? 我的答案如下: 视野放宽到欧亚大陆,广义上公元184年黄巾军起义开启内乱,狭义上公元220年正式进入三国,280年晋统一…

JavaFX基本控件-Button

JavaFX基本控件-Button 常用属性textpaddingalignmenttextAlignmentwidthheighttooltipborderwrapTextellipsisStringunderlinegraphicgraphicTextGapdisable 实现方式Java实现fxml实现 常用属性 text 设置文本内容 button.setText("测试按钮");padding 内边距 butt…

多波束EM2040D以及POSMV使用记录

多波束EM2040D采集软件SIS4.3升级到SIS5.11之后,我们碰到了很多问题,现在将问题和解决过程记录一下。 1、SIS5软件打不开 SIS5软件打不开,报KSlSMainApp has stopped working弹框。 ​ 判断是电脑问题,更新最新win10系统&#…

构建高效智慧水务平台的关键要素有哪些?

在推进智慧水务平台建设的过程中,需着重注意以下几点,以确保系统的先进性与实用性并重: 数据集成与标准化‌:构建统一的数据采集与处理标准,实现多源水务数据的无缝集成与高效管理,为精准决策提供坚实的数据…

Excel常用函数

Excel常用函数 1、统计函数1.1、计数函数1.2、求和函数 2、逻辑函数3、查找函数3.1、一对一查找3.2、一对多查找 4、文本函数 1、统计函数 统计函数是Excel中最常用和强大的函数之一,它可以帮助我们轻松地进行数据统计和分析 1.1、计数函数 1.1.1、COUNT函数&#…

Git 修改Push后的Commit Message

向远程仓库push代码之后,在IDEA中无法直接修改Commit Message,需要在终端或控制台中输入以下命令(HEAD~1中的1表示只对最后一个提交进行修改,因此1可以自定义) git rebase -i HEAD~1执行完rebase指令后,会…

使用 JAXB 将内嵌的JAVA对象转换为 xml文件

使用 JAXB 将内嵌的JAVA对象转换为 xml文件 1. 需求2. 实现(1)FileDesc类(2)MetaFileXml类(3)生成对应的xml文件 1. 需求 获取一个目录下所有文件的元数据信息(文件名、大小、后缀等&#xff0…

linux启动过程

当按下电源按钮启动Linux时,幕后发生了什么? 一个名为BIOS或UEFI的程序会启动运行;改程序的基本用途是让计算机 所有主要部分做好操作准备(这些部分包括:键盘,屏幕硬盘等) POST检查;测试可确保…

过滤器Filter(JavaEE有三大组件: servlet filter linstener)

目录 1、概念 2、过滤器作用 3、编写过滤器 4 过滤器链和优先级 4.1 过滤器链 2 过滤器优先级 5、过滤器应用:全局编码加身份认证拦截器 1、概念 过滤器(Filter)是处于客户端与服务器目标资源之间的一道过滤技术。 2、过滤器作用 执行顺序在Servl…

vue 批量导出pdf 压缩包 zip

vue 批量导出pdf 压缩包 zip 使用插件 html2canvas jspdf jszip (百度ai搜出来的是zip-js 这个没法安装) file-saver 思路: 1.使用 html2canvasjspdf 将页面转图片转pdf(这个怎么转的可以网上搜下很多) 2.利用jszipfil…

力扣最热一百题——最大子数组和

目录 题目链接:53. 最大子数组和 - 力扣(LeetCode) 题目描述 示例 提示: 解法一:动态规划 举例分析 时间复杂度 Java写法: C写法: 优化 总结 题目链接:53. 最大子数组和 …

大模型推理框架 RTP-LLM 架构解析

RTP-LLM 是阿里巴巴智能引擎团队推出的大模型推理框架,支持了包括淘宝、天猫、闲鱼、菜鸟、高德、饿了么、AE、Lazada 等多个业务的大模型推理场景。RTP-LLM 与当前广泛使用的多种主流模型兼容,使用高性能的 CUDA kernel, 包括 PagedAttention、FlashAtt…

Spring Boot-自定义banner

在 Spring Boot 应用中,你可以自定义启动时显示的 banner。这些 banner 可以包括图形、文字或者其他形式的标识。如图所示: 1. 使用 banner.txt 文件 默认情况下,Spring Boot 使用项目的 banner.txt 文件中的内容作为启动时的 banner。你可以…

会员营销如何利用JSON发送短信

在当今这个数字化时代,企业间的竞争日益激烈,如何高效地触达并维护用户群体,提升用户粘性和忠诚度,成为了每个企业都必须面对的重要课题。在众多营销手段中,会员营销因其精准性和个性化而备受青睐。而在会员营销的策略…

Vue学习笔记 二

4、Vue基础扩展 4.1 插槽 组件的最大特性就是复用性,而用好插槽能大大提高组件的可复用能力在Vue中插槽是很重要的存在,通过插槽,我们可以把父组件中指定的DOM作用到子组件的任意位置,后面我们坐项目用到的组件库比如element-ui…

ctfshow-nodejs

什么是nodejs Node.js 是一个基于 Chrome V8 引擎的 Javascript 运行环境。可以说nodejs是一个运行环境,或者说是一个 JS 语言解释器 Nodejs 是基于 Chrome 的 V8 引擎开发的一个 C 程序,目的是提供一个 JS 的运行环境。最早 Nodejs 主要是安装在服务器…

C语言 | Leetcode C语言题解之第391题完美矩形

题目&#xff1a; 题解&#xff1a; bool isSubsequence(char* s, char* t) {int mstrlen(s); int nstrlen(t);int k0; int j0;if(mn&&m0) return true;for(int i0;i<n;i){if(s[j]t[i]){j;}if(jm) return true;}return false; }

Mac使用Elasticsearch

下载 Past Releases of Elastic Stack Software | Elastic 解压tar -xzvf elasticsearch-8.15.1-darwin-x86_64.tar.gz 修改配置文件config/elasticsearch.yml xpack.security.enabled: false xpack.security.http.ssl: enabled: false 切换目录 cd elasticsearch-8.15.1/…