关于vue组件里引入本地项目静态html文件的问题

发布于 2022-09-11 23:25:21 字数 372 浏览 24 评论 0

项目有个需求,点击页面上某个按钮带参数进入一个新的页面,我把页面作为一个项目放在一个文件夹里,现在我把文件夹拖进了vue项目中,如图所示
QQ截图20191108160615.png

QQ截图20191108161521.png

但是我npm run dev之后,href到的地址一直是项目首页的index.html

请教下要正确的做法是什么,我还要配置什么东西?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

节枝 2022-09-18 23:25:21

Nuxt嵌入iframe并引用html,只需要以下代码即可。

<iframe class="iframe" src="/html/terms-of-service.html" frameborder="0" />

其中,文件 html/terms-of-service.html 需放置在根目录 static 下。

野却迷人 2022-09-18 23:25:21

你的项目是单页应用,你用相对路径当然找不到那个页面,虽然你把项目拉进你的vue项目里,但是不import是不编译的,所以正确的做法是写你要跳转页面的绝对地址

童话里做英雄 2022-09-18 23:25:21

这么说,你写的href对于你这个项目不是跳页面,而是跳路由,8080/xx.html,应为并未设置该路由,所以没有页面可返回。访问静态文件需要服务器支持,比如express.static或则外部网址,需要绝对路径:http://xxxxxx;

能否归途做我良人 2022-09-18 23:25:21

将html放到打包后的文件夹与index.html同级就可以直接访问了

冷清清 2022-09-18 23:25:21

请问您现在解决了吗,我想在自己的工程里嵌入下载的素材源码,是一个可运行的html工程,也遇到了这个问题,所以想问下您的解决方案

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文