我如何上传一个vuejs项目,但我需要链接到一个href

q8l4jmvw  于 2022-12-04  发布在  Vue.js
关注(0)|答案(1)|浏览(97)

我有一个投资组合,我们可以找到我所有的项目。我需要打开一个vuejs项目,通过点击一个链接(投资组合是在HTML)。事实上,我试图链接它与index.html,但我认为这不是方法。我已经做了npm run build,但我不能在互联网上找到更多。
你能给予我指征吗?
感谢阅读。

3yhwsihp

3yhwsihp1#

要在HTML页中链接Vue.js项目,可以使用以下步骤:
首先,使用命令npm run build构建Vue.js项目,这将生成一个dist文件夹,其中包含项目的构建文件。
复制dist文件夹并将其粘贴到与HTML页面相同的目录中。
在HTML页面中,使用a标记创建指向Vue.js项目得链接. href属性应指向dist文件夹中得index.html文件.例如:

<a href="dist/index.html">My Vue.js Project</a>

当用户点击链接时,Vue.js项目将被加载到同一个浏览器窗口或标签页中。如果你想在一个新的窗口或标签中打开Vue.js项目,你可以使用a标签的target属性,如下所示:

<a href="dist/index.html" target="_blank">My Vue.js Project</a>

希望这对你有帮助!

相关问题