Question

我如何链接/重定向到在vue.js中拥有自己的CDN的HTML页面这些html页面是我过去想要链接的一些旧项目。我只安装了webpack-simple和vue-router。

<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”页面的图标，则应从drone.html内链接至该图标（同样，它应该是图标，而不是网页）。

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

1 个答案: