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

Question

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

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

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

Answer 1

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

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

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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