vue3相对路径图片编译后无法显示

news/2024/11/16 8:24:24/

<img src="../assets/image/ai_content_1@2x.png" />
是这么写的,图片用的相对路径,在本地不编译的话是没有问题正常。
但是编译后你就会发现在域名后一旦有路径,整个vue的 img js css 的加载路径都会报错。
需要在vue.config.js中修改配置publicPath,将 / 改为 ./ 然后重新编译就可以了

module.exports = {// 部署应用时的基本 URLpublicPath: './', //加上这一行就好了devServer: {port: port,host: "0.0.0.0",open: true,overlay: {warnings: false,errors: true}}

http://www.ppmy.cn/news/977736.html

相关文章

idea springBoot 部署多个项目打开Run Dashboard 窗口

在部署springcloud 项目的时候 本地调试&#xff0c;有可能需要全部启动所有服务&#xff0c;单个部署比较麻烦&#xff0c;通过Run DashBoard 窗口可以完美实现 1.先打开项目的文件地址找到workspace.xml文件&#xff0c;在项目下的.idea\workspace.xml 2. ctrlf 找到RunDash…

Java 贪心算法经典问题解决

文章目录 分金条题目思路代码实现测试用例以及结果输出 花费资金做项目最大收益题目思路代码实现测试用例以及结果输出 预定会议室题目思路代码实现测试用例以及结果输出 取中位数题目思路代码实现测试用例以及结果输出 最低字典序题目思路代码实现测试用例以及结果输出 结语 分…

128最长连续数组

题目描述 最长连续序列 https://leetcode.cn/problems/longest-consecutive-sequence/class Solution {public:int longestConsecutive(vector<int>& nums) {unordered_set<int> st(

单片机中实现bootloader功能

1.bootloader简介 Bootloader是指系统启动的第一段代码&#xff0c;位于计算机或嵌入式设备的非易失性存储器&#xff08;如闪存、EPROM等&#xff09;中。它负责初始化硬件设备、加载操作系统内核&#xff0c;并将控制权传递给内核的入口点&#xff0c;开始系统的正常运行。 …

Linux学习之Ubuntu 20.04安装内核模块

参考博客&#xff1a;Ubuntu20.04编译内核教程 sudo lsb_release -a可以看到我当前的系统是Ubuntu 20.04.4&#xff0c;sudo uname -r可以看到我的系统内核版本是5.4.0-100-generic。 sudo apt-get install -y libncurses5-dev flex bison libssl-dev安装所需要的依赖。 su…

Linux多线程编程中的调度策略编程

多线程编程 我们在进行多线程编程的时间&#xff0c;通常先会对问题领域进行任务的拆解&#xff0c;深入一点的多线程编程&#xff0c;会涉及到任务优先级的考虑&#xff1b;如果再深一点&#xff0c;一般可能就是多核编程&#xff1a;Cache热度、绑核、隔离CPU等。 但多核编…

ARM DAY3 点亮三盏灯

1.汇编代码 .text .global _start _start: //RCC初始化 RCC_INIT://设置GPIOE组使能ldr r0,0x50000A28ldr r1,[r0]orr r1,r1,#(0x1<<4)str r1,[r0]//设置GPIOF组使能 ldr r0,0x50000A28ldr r1,[r0]orr r1,r1,#(0x1<<5)str r1,[r0]//LED1灯初始化 LED1_INIT://设置…

【档案专题】四、电子档案形成与收集

导读&#xff1a;主要针对电子档案形成与收集相关内容介绍。对从事电子档案管理信息化的职业而言&#xff0c;不断夯实电子档案管理相关理论基础是十分重要。只有通过不断梳理相关知识体系和在实际工作当中应用实践&#xff0c;才能走出一条专业化加职业化的道路&#xff0c;从…