vue項目添加html頁面 並跳轉


vue項目中,把已經寫好的html直接放進去,而不經過編譯,直接跳轉html頁面

  1. 項目根目錄里,如果有public文件夾,則直接放進public文件夾里,與index.html 同級開始,按照項目路徑訪問。
  1. 例如:在public新建pages/test.html, 則: 瀏覽器訪問路徑是: http://host:port/pages/test.html
  2. 注意,此時test.html文件里引用的所有js/css/image等路徑,都要改成項目根目錄開始的絕對路徑的形式。
  1. 如果項目根目錄沒有public,但是有static文件夾,則同樣把/pages/test.html放進 static文件夾里,按照static的絕對路徑訪問
  1. 例如:在static中新建 pages/test2.html, 則瀏覽器訪問路徑是:http://host:port/static/pages/test2.html
  2. 注意:此時test.html文件里,引用的所有js、css、images等路徑,都要改成 /static/xxx/xxx.xx的形式,如:

本項目中把test2.html 所引用的css文件,存放路徑為:static/pages/css/test2.css,則在test2.html中的引用應該是:/static/pages/css/test2.css

  1. 完畢!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM