以下各類同學可以直接跳過

1、不推薦jsp和vue加一起寫的

2、說直接用jq寫的

3、。。。。。的

4、吐槽的

5、各種解決方案的

總結以上說的都是對的，但是已經寫完了頁面，所以 emmmm。。。。。

申明樓主只是個前端自己寫的大部分也都是前後的分離的，不懂java不懂jsp，而且頁面也是用vue寫完了才知道要加入原有的jsp頁面，所以記錄一下全當教訓了。

本文只是針對維護老項目,需要修改或者重新寫新的jsp頁面的同學。

開始

1、 jsp 和html（vue）頁面有申明區別

• 我覺得本質上沒什麽區別，只是jsp是後端渲染 ，而我們使用vue大都是前端渲染
  2、 解決方案
  • 首先我們的vue頁面寫完了,（第一次用工程打包，第二次不用路由，第三次直接寫html引入vue），嗯成品就是這樣的一個html頁面 加vue的源代碼加css等等和我們原有的jq頁面一樣。
  • 接著我們把html頁面的htmljava目錄服務器下，訪問你需要的路徑時進行返回，不過這時候你大概會發現訪問不了，頁面不存在500錯誤等等一些情況，嗯！你都可以不用管接著，（主要是因為java時後臺渲染為了避免用戶做出什麽傷天害理的事情，所以對頁面訪問進行了攔截，你可以和你的java小夥伴商量著把攔截拿掉那麽理論上是可以訪問的） 至於老項目，你還是接著看吧
  • 返回該目錄 把你的html後後綴改成jsp，然後繼續訪問，你會發現可能還是不能訪問。沒事接著找java後臺的小夥伴問下頁面是要插入在哪裏，替換哪個jsp頁面或者弄個新的，你只需要在頭部加入和下邊圖片差不多的玩意
    
  • 然後就可以愉快的訪問啦，雖然體積大點，訪問可能會慢那麽一點，
  • 但是vue正常渲染，你用ajax 來請求java後臺的數據也能正常獲取，數據也能動態渲染
  • 只是需要註意一點 假如你會ES6 ES7 千萬不要用、千萬不要用、 千萬不要用
  • 原因就是java應該是不支持的，我記得我寫了一個ES6的模板字符串訪問頁面的時候服務器直接返回500了
  • 也不用寫jsp 基本都按照正常寫頁面寫即可
  • 所以暫時先這樣了，由於沒做完，後續再補充

如何在jsp頁面裏使用vue