在 Vue 中链接静态 HTML 页面

【问题标题】：Linking Static HTML page in Vue在 Vue 中链接静态 HTML 页面
【发布时间】：2021-08-13 05:36:24
【问题描述】：

我是使用 vue 的新手，我想从 a 标签链接公共文件夹中的静态 html 页面。我现在的标签是
<a href="../../public/HU/vii/index.html">
但是在运行时单击链接时，我收到消息“Cannot GET /public/HU/vii/index.html”。我不确定该怎么做。

【问题讨论】：

标签： vue.js vue-component vue-router

【解决方案1】：

假设一个 Vue CLI 脚手架项目，public 文件夹作为静态根目录，因此您无需直接引用 public 路径。

在这种情况下，href 应该指向相对于public 的路径：

<a href="HU/vii/index.html">Link</a>

<!-- or simply -->
<a href="HU/vii">Link</a>

【讨论】：

谢谢！ href 路径有效。还发现静态文件夹实际上是我项目的静态根目录，而不是公用文件夹。