我应该如何引用资产才能在 vue 3 组合 API 的生产构建中保持引用

Question

如果我使用

<a href="/src/assets/uitslagen/CHA.pdf">klasse A</a>

，它在开发中有效，但在生产中无效。

我可以在

import CHA from '/src/assets/uitslagen/CHA.pdf'

标签中添加

<script setup>

，但我不知道如何编写锚链接。

<a :href="CHA">klasse A</a>

不起作用。我应该如何在 Vue 3 组合 API 中执行此操作？

Answer 1

使用URL导入：

https://vitejs.dev/guide/assets#explicit-url-imports

import CHA from '/src/assets/uitslagen/CHA.pdf?url'