1. 程式人生 > 程式設計 >詳細介紹解決vue和jsp結合的方法

詳細介紹解決vue和jsp結合的方法

emm...實訓後的小組作業是做一個培訓基地的網站,但是老師教了一個學期的jsp後臺..
但我不想用jsp寫前端...太傻了,遂決定用vue-cli+jsp的方式做這個專案。

首先,vue-cli基於node監聽埠進行除錯,也就是Localhost:8080,但同時tomcat監聽的埠也是8080,我選擇把tomcat的埠改成8081來防止兩者衝突。(改埠的方法一搜一大把)

這個api中的地址(因為是8080向8081發出請求,所以會引起跨域),需要反向代理一下,在config/index.js下,修改一下proxy:

詳細介紹解決vue和jsp結合的方法

然後在vue中,通過axios發出非同步get請求

詳細介紹解決vue和jsp結合的方法

得到資料

詳細介紹解決vue和jsp結合的方法

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。