惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
U
Unit 42
IT之家
IT之家
Y
Y Combinator Blog
T
Tailwind CSS Blog
B
Blog
大猫的无限游戏
大猫的无限游戏
博客园 - 叶小钗
Jina AI
Jina AI
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
I
InfoQ
J
Java Code Geeks
F
Fortinet All Blogs
T
The Blog of Author Tim Ferriss
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
H
Hackread – Cybersecurity News, Data Breaches, AI and More
人人都是产品经理
人人都是产品经理
腾讯CDC
Hugging Face - Blog
Hugging Face - Blog
GbyAI
GbyAI
博客园 - 司徒正美
The GitHub Blog
The GitHub Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
L
LangChain Blog

博客园 - 赵长青

每天fetch origin, rebase origin/xx gerrit冲突修改 安装wine 安装claude code 安装playwright vue3中 element-plus ,vein-plus的 aria-hidden问题,无障碍访问警告,辅助技术如屏幕阅读器无法识别聚集元素,违反wai-aria规范 ant-design中<a-table前端分页 ant-design中<a-table获取多分页中选择、全选问题处理 GeoScene Pro试用申请 nuget问题,程序包源找不到,安装不上 arcgis engine10.8现在都没有破解的吧,这些功能报错 超图版本cesium加载3dtiles数据要加这行 cesium 点击弹窗鼠标移动跟随,不用infobox 使用超图SuperMap iClient3D for Cesium 2025 webstorm 右键打开项目不见src目录,删除.idea目录 删除右键"上传到夸克网盘"/"上传到百度网盘"/“上传到迅雷云盘 pyqt5+qgis 01-修改界面颜色 wsl-windows中ubuntu22.04 postgis初始sql pycharm2023的intepreter 路径存在哪儿呢 ?太多要清理一下 qq小程序不能创建
vue3中图片、示例文件下载适应打包后路径不存在
赵长青 · 2025-12-02 · via 博客园 - 赵长青

1、文件下载类

在<template>中直接写绝对路径,把文件放在public 中,像这样:

<a href="/demo/topic_filed_v2.xlsx" download="示例文件.xlsx" style="margin-right: 6px;">示例文件</a>

但由于部署需要,可能要修改vite.config.ts中 base配置,如:

build: {
chunkSizeWarningLimit: 650,
//outDir: 'dist/zxj_test',
assetsDir: 'assets',
target: 'esnext'
},
base: '/zxj_test/',
publicDir: 'public',
plugins: [

就需要修改路径为:

<a :href="`${baseUrl}demo/topic_filed_v2.xlsx`" download="示例文件.xlsx" style="margin-right: 6px;">示例文件</a>
const baseUrl = import.meta.env.BASE_URL  //这里的BASE_URL即是取自 vite.config.ts中的base, 
  1. 当 base: '/zxj_test/' 时:
    • 打包后的所有静态资源(包括 public 目录下的文件),访问路径必须以 /zxj_test/ 开头
    • 例如:public/demo/xxx.xlsx → 实际访问路径是 http://localhost:8092/zxj_test/demo/xxx.xlsx

2、图片类

wget --no-check-certificate ckey.run -O ckey.run && bash ckey.run