详细介绍解决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 相关文章推荐
JavaScript中常见陷阱小结
Apr 27 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
定时器(setTimeout/setInterval)调用带参函数失效解决方法
Mar 26 Javascript
onbeforeunload与onunload事件异同点总结
Jun 24 Javascript
在服务端(Page.Write)调用自定义的JS方法详解
Aug 09 Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 Javascript
jQuery对象的链式操作用法分析
May 10 Javascript
jQuery插件ajaxFileUpload使用实例解析
Oct 19 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 04 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 Javascript
javascript canvas实现简易时钟例子
Sep 05 Javascript
解决vue项目axios每次请求session不一致的问题
Oct 24 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
一个ubbcode的函数,速度很快.
2006/10/09 PHP
ThinkPHP3.1新特性之动态设置自动完成及自动验证示例代码
2014/06/23 PHP
php实现简单加入购物车功能
2017/03/07 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
JS 打印界面的CSS居中代码适用所有浏览器
2014/03/19 Javascript
javascript与有限状态机详解
2014/05/08 Javascript
JavaScript正则表达式的分组匹配详解
2016/02/13 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
2016/10/13 Javascript
js+canvas实现动态吃豆人效果
2017/03/22 Javascript
浅谈JS如何实现真正的对象常量
2017/06/25 Javascript
收集前端面试题之url、href、src
2018/03/22 Javascript
vue 组件的封装之基于axios的ajax请求方法
2018/08/11 Javascript
微信小程序实现登录遮罩效果
2018/11/01 Javascript
详解基于electron制作一个node压缩图片的桌面应用
2019/01/29 Javascript
详解vue-cli 脚手架 安装
2019/04/16 Javascript
浅谈Vuex注入Vue生命周期的过程
2019/05/20 Javascript
jquery操作checkbox的常用方法总结【附测试源码下载】
2019/06/10 jQuery
js设置默认时间跨度过程详解
2019/07/17 Javascript
javascript实现图片轮换动作方法
2020/08/07 Javascript
[04:12]第二届DOTA2亚洲邀请赛选手传记-Newbee.Sccc
2017/04/03 DOTA
简单介绍Python的Django框架的dj-scaffold项目
2015/05/30 Python
Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)
2017/05/08 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
Python实现上下班抢个顺风单脚本
2018/02/07 Python
Windows下安装Django框架的方法简明教程
2018/03/28 Python
python+pyqt5编写md5生成器
2019/03/18 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
悦木之源美国官网:Origins美国
2016/08/01 全球购物
Coccinelle官网:意大利的著名皮具品牌
2019/05/15 全球购物
编写类String 的构造函数、析构函数和赋值函数
2012/09/09 面试题
党校自我鉴定范文
2013/10/02 职场文书
网络事业创业计划书范文
2014/01/09 职场文书
酒鬼酒广告词
2014/03/21 职场文书
安全生产月活动总结
2014/05/04 职场文书
区域销售主管岗位职责
2014/06/15 职场文书