如何在vue.js中链接到html页面？

如何链接/重定向到vue.js中有自己cdn的html页面 这些html页面是我过去制作的一些旧项目，我想链接到它们。 我只安装了webpack simple和vue路由器

<div id="navMenu">

  <ul>

       <li class="project">   
         <a :href="publicPath + 'project/projectOne/drone.html'">Drone</a> 
       </li>

  </ul>

</div>

剧本

<script>

  export default {

    data () {
      return {

        publicPath: process.env.BASE_URL
      }
    },
    methods:{

    }
  }

</script>

---

假设这些是静态文件，与您的Vue项目分开，您不需要运行webpack，并且您正在使用Vue cli进行搭建：

将静态文件放在项目根级别的公共目录中。您在那里输入的任何内容都将在构建时直接复制到dist文件夹中，因此public/foo.html将在dist中的根级别结束/public/project/projectOne/drone.html将出现在/dist/project/projectOne/drone.html中，等等

从Vue项目中链接到这些文件，如有必要，可以使用project BASE_URL链接到任何普通外部站点或文件：

<!-- assuming the source file is in /public/project/projectOne/drone.html -->
<a :href="publicPath + 'project/projectOne/drone.html'">Drone</a>         

export default {
    data () {
      return {
        publicPath: process.env.BASE_URL
      }
    }
    // ...

---

我只想使用普通链接到Vue之外的静态资产。@DanielBeck当我这样做时，我会得到一个空白页面，其中有Cannot get/assets/project/projectOne/drone.htmlAh，我明白了，对不起；假设您使用的是vue cli，您还需要确保webpack以最简单的方式了解静态文件，是使用公用文件夹：@DanielBeck你能帮我一点忙吗？我已经在屏幕上显示了代码。我已经创建了一个文件夹名public，并将它与你的代码一起放在根级别，但是我现在无法获得/undefinedproject/projectOne/drone.html和一个未定义的。看起来基本URL是未定义的。您正在使用vue cli吗？我注意到你提到了简单的网页包，如果你的意思是你的整个网页包设置，那么你会错过很多重要的东西，这只是为了快速测试和模型。是的，我只安装了简单的网页包和vue路由器。那么我还需要安装什么？这是事实上的标准，我很抱歉没有意识到你没有使用它。或者，您可以让项目保持原样，并从外部托管/链接到这些html文件。