vue项⽬添加html页⾯并跳转
vue项⽬中,把已经写好的html直接放进去,⽽不经过编译,直接跳转html页⾯
1. 项⽬根⽬录⾥,如果有public⽂件夹,则直接放进public⽂件夹⾥,与index.html 同级开始,按照项⽬路径访问
1. 例如:在public新建pages/test.html, 则:浏览器访问路径是: :port/pages/test.html
2. 注意,此时test.html⽂件⾥引⽤的所有js/css/image等路径,都要改成项⽬根⽬录开始的绝对路径的形式
2. 如果项⽬根⽬录没有public,但是有static⽂件夹,则同样把/pages/test.html放进 static⽂件夹⾥,按照static的绝对路径访问
1. 例如:在static中新建 pages/test
2.html, 则浏览器访问路径是::port/static/pages/test2.html
2. 注意:此时test.html⽂件⾥,引⽤的所有js、css、images等路径,都要改成 /static/的形式,如:pdf转html
本项⽬中把test2.html 所引⽤的css⽂件,存放路径为:static/pages/css/test2.css,则在test2.html中的引⽤应该
是:/static/pages/css/test2.css
3. 完毕!