vue/react项目如何跳转到一个已经写好的html页面
本文将HTML静态页面与Vue/React项目结合的方案。将可直接使用的HTML页面及其依赖资源(CSS/JS/图片等)放入public目录,确保资源路径正确。在需要跳转时,使用window.location.href跳转到HTML页面(如'./salaries.html'),否则使用路由跳转。这种混合方案既保留了可直接使用的静态页面,又能与单页应用无缝衔接。
·

如果是一个你copy的别人的网站,某些页面是已经可以直接使用的,但是有些页面需要在vue/react项目中重新二次调整加工,这个时候,就需要将html文件和vue/react项目结合,当某些页面可以直接使用,就直接跳转到这个html页面就好了。
现将html文件和依赖香都放在public中:
html依赖的那些css/js/图片等都要放在public中,不然你的html没有样式或交互

然后在vue中,需要跳转的地方,使用 window.location.href = './salaries.html' 跳转到这个页面就可以了,比如我这里的:

如果不是html页面,就使用router跳转:

更多推荐
所有评论(0)