詳細(xì)介紹解決vue和jsp結(jié)合的方法
更新時間：2020年02月06日 10:02:02 作者：renqu4n
這篇文章主要介紹了詳細(xì)介紹解決vue和jsp結(jié)合的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
emm...實(shí)訓(xùn)后的小組作業(yè)是做一個培訓(xùn)基地的網(wǎng)站，但是老師教了一個學(xué)期的jsp后臺..
但我不想用jsp寫前端...太傻了，遂決定用vue-cli+jsp的方式做這個項(xiàng)目。
首先，vue-cli基于node監(jiān)聽端口進(jìn)行調(diào)試，也就是Localhost:8080，但同時tomcat監(jiān)聽的端口也是8080，我選擇把tomcat的端口改成8081來防止兩者沖突。（改端口的方法一搜一大把）
這個api中的地址（因?yàn)槭?080向8081發(fā)出請求，所以會引起跨域），需要反向代理一下，在config/index.js下，修改一下proxy：
然后在vue中，通過axios發(fā)出異步get請求
得到數(shù)據(jù)
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
有關(guān)vue 組件切換,動態(tài)組件,組件緩存
這篇文章主要介紹了有關(guān)vue 組件切換,動態(tài)組件,組件緩存，在組件化開發(fā)模式下，我們會把整個項(xiàng)目拆分成很多組件，然后按照合理的方式組織起來,達(dá)到預(yù)期效果，下面來看看文章的詳細(xì)內(nèi)容2021-11-11
vue實(shí)現(xiàn)移動端input上傳視頻、音頻
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動端input上傳視頻、音頻，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
Vue?Router路由hash模式與history模式詳細(xì)介紹
Vue?Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，讓構(gòu)建單頁面應(yīng)用變得易如反掌。路由實(shí)際上就是可以理解為指向，就是我在頁面上點(diǎn)擊一個按鈕需要跳轉(zhuǎn)到對應(yīng)的頁面，這就是路由跳轉(zhuǎn)2022-08-08
前端前后端接?處理時經(jīng)常會遇到需要轉(zhuǎn)換不同時間格式的情況,下面這篇文章主要給大家介紹了關(guān)于vue各種時間類型轉(zhuǎn)換的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-06-06
vue-cli腳手架config目錄下index.js配置文件的方法
下面小編就為大家分享一篇vue-cli腳手架config目錄下index.js配置文件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Vue引入highCharts實(shí)現(xiàn)數(shù)據(jù)可視化
這篇文章主要為大家詳細(xì)介紹了Vue引入highCharts實(shí)現(xiàn)數(shù)據(jù)可視化，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
vue使用v-if v-show頁面閃爍,div閃現(xiàn)的解決方法
在頁面層次結(jié)構(gòu)，數(shù)據(jù)較多的時候，用v-if或者v-show就會出現(xiàn)div閃現(xiàn)，或者部分閃爍的結(jié)果。怎么處理這樣的問題呢，下面小編給大家?guī)砹藇ue使用v-if v-show頁面閃爍,div閃現(xiàn)的解決方法，一起看看吧2018-10-10
vue.js 2.*項(xiàng)目環(huán)境搭建、運(yùn)行、打包發(fā)布的詳細(xì)步驟
這篇文章主要介紹了vue.js 2.*項(xiàng)目環(huán)境搭建、運(yùn)行、打包發(fā)布的詳細(xì)步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
這篇文章主要介紹了vue element后臺鑒權(quán)流程分析,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-04-04
elementplus el-table(行列互換)轉(zhuǎn)置的兩種方法
本文主要介紹了elementplus el-table(行列互換)轉(zhuǎn)置,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-06-06