关于vue组件里引入本地项目静态html文件的问题
项目有个需求,点击页面上某个按钮带参数进入一个新的页面,我把页面作为一个项目放在一个文件夹里,现在我把文件夹拖进了vue项目中,如图所示
但是我npm run dev之后,href到的地址一直是项目首页的index.html
请教下要正确的做法是什么,我还要配置什么东西?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
Nuxt嵌入iframe并引用html,只需要以下代码即可。
其中,文件 html/terms-of-service.html 需放置在根目录 static 下。
你的项目是单页应用,你用相对路径当然找不到那个页面,虽然你把项目拉进你的vue项目里,但是不import是不编译的,所以正确的做法是写你要跳转页面的绝对地址
这么说,你写的href对于你这个项目不是跳页面,而是跳路由,8080/xx.html,应为并未设置该路由,所以没有页面可返回。访问静态文件需要服务器支持,比如express.static或则外部网址,需要绝对路径:http://xxxxxx;
将html放到打包后的文件夹与index.html同级就可以直接访问了
请问您现在解决了吗,我想在自己的工程里嵌入下载的素材源码,是一个可运行的html工程,也遇到了这个问题,所以想问下您的解决方案