如何链接到一个HTML页面中vue.js？

Question

如何链接/重定向到有vue.js它自己的CDN这些HTML页面都是一些老项目，我说我要链接到过去做了一个HTML页面。我只安装的WebPack，简单和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>

Answer 1

假设这些都是静态文件，从您的Vue公司的项目分开，你不需要通过的WebPack运行，并且您正在使用VUE-CLI脚手架：

把public目录中的静态文件（在你的项目的根级别）。你把在那里将建立直接复制到文件夹dist东西 - 所以public/foo.html将在内部dist根级风; /public/project/projectOne/drone.html将在/dist/project/projectOne/drone.html等拉闸

链接到这些文件可以从您将任何正常的外部站点或文件（使用项目BASE_URL如果需要的话）你的Vue公司的项目中：

<!-- 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
      }
    }
    // ...

我不知道你的意思，在你的示例代码link rel="icon"做什么。如果这意味着是对Vue公司的项目图标，它属于由VUE-CLI设置index.html页面（应该在你的图标文件，而不是drone.html页面点）;如果它是静态的“雄蜂”页面中的图标，那么它应该从内部drone.html（并再次，应该是一个图标，而不是网页）链接到。