详细介绍解决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 相关文章推荐
Extjs4 关于Store的一些操作(加载/回调/添加)
Apr 18 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
Apr 26 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
浅谈AngularJS中ng-class的使用方法
Nov 11 Javascript
使用原生js+canvas实现模拟心电图的实例
Sep 20 Javascript
JS实现将链接生成二维码并转为图片的方法
Mar 17 Javascript
Vue拖拽组件开发实例详解
May 11 Javascript
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
在vue中使用express-mock搭建mock服务的方法
Nov 07 Javascript
详解JavaScript 新语法之Class 的私有属性与私有方法
Apr 23 Javascript
bootstrap实现嵌套模态框的实例代码
Jan 10 Javascript
vue axios请求成功却进入catch的原因分析
Sep 08 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操作MongoDB类实例
2015/06/17 PHP
Yii实现文章列表置顶功能示例
2016/10/18 PHP
php微信公众平台开发(一) 配置接口
2016/12/06 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
几个比较经典常用的jQuery小技巧
2010/03/01 Javascript
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
Javascript页面添加到收藏夹的简单方法
2013/08/07 Javascript
解决js下referer兼容各大浏览器的方法
2014/11/03 Javascript
png在IE6 下无法透明的解决方法汇总
2015/05/21 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
2015/08/07 Javascript
jQuery深拷贝Json对象简单示例
2016/07/06 Javascript
jQuery下拉菜单的实现代码
2016/11/03 Javascript
Bootstrap文件上传组件之bootstrap fileinput
2016/11/25 Javascript
Node.js开发第三方微信公众平台
2017/06/05 Javascript
详解微信小程序网络请求接口封装实例
2019/05/02 Javascript
vue使用recorder.js实现录音功能
2019/11/22 Javascript
原生js canvas实现鼠标跟随效果
2020/08/02 Javascript
js获取图片的base64编码并压缩
2020/12/05 Javascript
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
python实现类似ftp传输文件的网络程序示例
2014/04/08 Python
使用Python压缩和解压缩zip文件的教程
2015/05/06 Python
Python实现字符串格式化的方法小结
2017/02/20 Python
python jenkins 打包构建代码的示例代码
2019/11/29 Python
python实现数字炸弹游戏程序
2020/07/17 Python
python list等分并从等分的子集中随机选取一个数
2020/11/16 Python
使用 css3 transform 属性来变换背景图的方法
2019/05/07 HTML / CSS
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
联想法国官方网站:Lenovo法国
2018/10/18 全球购物
error和exception有什么区别
2012/10/02 面试题
J2EE中常用的名词进行解释
2015/11/09 面试题
高中生期末评语大全
2014/01/28 职场文书
创意婚礼策划方案
2014/05/18 职场文书
水污染治理工程专业自荐信
2014/06/21 职场文书
买房子个人收入证明
2014/10/12 职场文书
亮剑观后感
2015/06/05 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL