详细介绍解决vue和jsp结合的方法


Posted in Javascript onFebruary 06, 2020

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结合的方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery表格内容过滤的实现方法
Jul 05 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
May 12 Javascript
移动适配的几种方案(三种方案)
Nov 25 Javascript
Vue 过渡(动画)transition组件案例详解
Jan 22 Javascript
AngularJS报错$apply already in progress的解决方法分析
Jan 30 Javascript
vue父子组件的嵌套的示例代码
Sep 08 Javascript
js实现Tab选项卡切换效果
Jul 17 Javascript
JsChart组件使用详解
Mar 04 Javascript
node中的session的具体使用
Sep 14 Javascript
微信小程序实现左侧滑动导航栏
Apr 08 Javascript
环形加载进度条封装(Vue插件版和原生js版)
Dec 04 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
Feb 06 #Javascript
js get和post请求实现代码解析
Feb 06 #Javascript
Windows下安装 node 的版本控制工具 nvm
Feb 06 #Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
Feb 06 #Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 #Javascript
node.js开发辅助工具nodemon安装与配置详解
Feb 06 #Javascript
Vue表单控件数据绑定方法详解
Feb 05 #Javascript
You might like
php 小乘法表实现代码
2009/07/16 PHP
php调用C代码的实现方法
2014/03/11 PHP
php+highchats生成动态统计图
2014/05/21 PHP
php生成圆角图片的方法
2015/04/07 PHP
使用XHGui来测试PHP性能的教程
2015/07/03 PHP
关于php中一些字符串总结
2016/05/05 PHP
php实现数据库的增删改查
2017/02/26 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
javascript 解析url的search方法
2010/02/09 Javascript
拖动布局之保存布局页面cookies篇
2010/10/29 Javascript
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
jquery特效 幻灯片效果示例代码
2013/07/16 Javascript
js中使用replace方法完成某个字符的转换
2014/08/20 Javascript
使用jQuery在对象中缓存选择器的简单方法
2015/06/30 Javascript
基于jquery animate操作css样式属性小结
2015/11/27 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
2017/12/08 Javascript
jQuery实现模糊搜索功能的方法分析
2018/06/29 jQuery
node中的密码安全(加密)
2018/09/17 Javascript
js中的闭包实例展示
2018/11/01 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
Javascript Web Worker使用过程解析
2020/03/16 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
2020/07/18 Javascript
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
Pycharm如何打断点的方法步骤
2019/06/13 Python
python自动保存百度盘资源到百度盘中的实例代码
2019/08/26 Python
解决Tensorflow 使用时cpu编译不支持警告的问题
2020/02/03 Python
python安装mysql的依赖包mysql-python操作
2021/01/01 Python
大学毕业生通用自荐信范文
2013/10/31 职场文书
五水共治一句话承诺
2014/05/30 职场文书
敬老院标语
2014/06/27 职场文书
学校关爱留守儿童活动方案
2014/08/27 职场文书
国土资源局开展党的群众路线教育实践活动整改措施
2014/09/26 职场文书
政风行风整改方案
2014/10/25 职场文书
乡镇群众路线专项整治方案
2014/11/03 职场文书
法院个人总结
2015/03/03 职场文书
python使用pywinauto驱动微信客户端实现公众号爬虫
2021/05/19 Python