詳細(xì)介紹解決vue和jsp結(jié)合的方法
更新時(shí)間：2020年02月06日 10:02:02 作者：renqu4n
這篇文章主要介紹了詳細(xì)介紹解決vue和jsp結(jié)合的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
emm...實(shí)訓(xùn)后的小組作業(yè)是做一個(gè)培訓(xùn)基地的網(wǎng)站，但是老師教了一個(gè)學(xué)期的jsp后臺(tái)..
但我不想用jsp寫(xiě)前端...太傻了，遂決定用vue-cli+jsp的方式做這個(gè)項(xiàng)目。
首先，vue-cli基于node監(jiān)聽(tīng)端口進(jìn)行調(diào)試，也就是Localhost:8080，但同時(shí)tomcat監(jiān)聽(tīng)的端口也是8080，我選擇把tomcat的端口改成8081來(lái)防止兩者沖突。（改端口的方法一搜一大把）
這個(gè)api中的地址（因?yàn)槭?080向8081發(fā)出請(qǐng)求，所以會(huì)引起跨域），需要反向代理一下，在config/index.js下，修改一下proxy：
然后在vue中，通過(guò)axios發(fā)出異步get請(qǐng)求
得到數(shù)據(jù)
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了淺談vuex為什么不建議在action中修改state，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
關(guān)于Vue的URL轉(zhuǎn)跳與參數(shù)傳遞方式
這篇文章主要介紹了關(guān)于Vue的URL轉(zhuǎn)跳與參數(shù)傳遞方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了vue3.0中使用nextTick方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04
今天小編就為大家分享一篇axios的攔截請(qǐng)求與響應(yīng)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
這篇文章主要介紹了Sublime Text新建.vue模板并高亮(圖文教程)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)記事本案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
Create?vite理解Vite項(xiàng)目創(chuàng)建流程及代碼實(shí)現(xiàn)
這篇文章主要為大家介紹了Create?vite理解Vite項(xiàng)目創(chuàng)建流程及代碼實(shí)現(xiàn)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
解決vue3報(bào)錯(cuò):Unexpected?mutation?of?“xxx“?prop.(eslintvue/no
這篇文章主要給大家介紹了關(guān)于如何解決vue3報(bào)錯(cuò):Unexpected?mutation?of?“xxx“?prop.(eslintvue/no-mutating-props)的相關(guān)資料,文中通過(guò)代碼將解決辦法介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
Vue3中使用Element?Plus時(shí)el-icon無(wú)法顯示的問(wèn)題解決
我們的Vue前端一般都是用的ElementUI,其中按鈕可能用到的比較多,官方里面有自帶的一些默認(rèn)圖標(biāo),下面這篇文章主要給大家介紹了關(guān)于Vue3中使用Element?Plus時(shí)el-icon無(wú)法顯示的問(wèn)題解決,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了Vue如何使用本地JSON文件問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07