详细介绍解决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 相关文章推荐
Node.js生成HttpStatusCode辅助类发布到npm
Apr 09 Javascript
js中的cookie的读写操作示例详解
Apr 17 Javascript
table行随鼠标移动变色示例
May 07 Javascript
js实现的倒计时按钮实例
Jun 24 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
vue如何从接口请求数据
Jun 22 Javascript
Node.js使用Koa搭建 基础项目
Jan 08 Javascript
vue组件中使用props传递数据的实例详解
Apr 08 Javascript
详解在vue-cli项目下简单使用mockjs模拟数据
Oct 19 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
vue print.js打印支持Echarts图表操作
Nov 13 Javascript
Vue实现动态查询规则生成组件
May 27 Vue.js
如何在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
2021年最新CPU天梯图
2021/03/04 数码科技
php的memcached客户端memcached
2011/06/14 PHP
php解析html类库simple_html_dom(详细介绍)
2013/07/05 PHP
PHP遍历数组的方法汇总
2015/04/30 PHP
Laravel框架自定义验证过程实例分析
2019/02/01 PHP
JavaScript 原型学习总结
2010/10/29 Javascript
JavaScript的事件绑定(方便不支持js的时候)
2013/10/01 Javascript
基于jQuery的JavaScript模版引擎JsRender使用指南
2014/12/29 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
jQuery的文档处理程序详解
2016/05/10 Javascript
BootStrap中Tab页签切换实例代码
2016/05/30 Javascript
vue2.0中click点击当前li实现动态切换class
2017/06/21 Javascript
JS沙箱模式实例分析
2017/09/04 Javascript
JS实现字体背景跑马灯
2020/01/06 Javascript
[49:21]TNC vs VG 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第三场 8.20.mp4
2019/08/22 DOTA
python实现简单的TCP代理服务器
2014/10/08 Python
python实现的简单文本类游戏实例
2015/04/28 Python
通过实例浅析Python对比C语言的编程思想差异
2015/08/30 Python
python中PIL安装简单教程
2016/04/21 Python
在PyCharm的 Terminal(终端)切换Python版本的方法
2019/08/02 Python
vue常用指令代码实例总结
2020/03/16 Python
Django-silk性能测试工具安装及使用解析
2020/11/28 Python
鼠标滚轮事件和Mac触控板双指事件
2019/12/23 HTML / CSS
德国电子产品购物网站:TechInTheBasket德国
2018/12/07 全球购物
Nobody Denim官网:购买高级女士牛仔裤
2021/03/15 全球购物
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
大门门卫岗位职责
2013/11/30 职场文书
档案接收函范文
2014/01/10 职场文书
小学运动会入场式解说词
2014/02/18 职场文书
毕业论文答辩开场白
2015/05/27 职场文书
逃出克隆岛观后感
2015/06/09 职场文书
地震捐款简报
2015/07/21 职场文书
法制工作总结2015
2015/07/23 职场文书
员工手册董事长致辞
2015/07/29 职场文书
大学生饮品店创业计划书范文
2019/07/10 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL