详细介绍解决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 将元素显示在屏幕的中央的代码
Feb 27 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
Aug 23 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
Jul 09 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 Javascript
详解JavaScript的表达式与运算符
Nov 30 Javascript
bootstrap3 兼容IE8浏览器!
May 02 Javascript
Angular.js 实现数字转换汉字实例代码
Jul 14 Javascript
js设置文字颜色的方法示例
Dec 30 Javascript
javascript编程实现栈的方法详解【经典数据结构】
Apr 11 Javascript
vue.js国际化 vue-i18n插件的使用详解
Jul 07 Javascript
使用store来优化React组件的方法
Oct 23 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
Jun 27 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输出控制功能在简繁体转换中的应用
2006/10/09 PHP
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO
2013/06/19 PHP
PHP采用XML-RPC构造Web Service实例教程
2014/07/16 PHP
PHP实现的猴王算法(猴子选大王)示例
2018/04/30 PHP
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
2007/08/15 Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
2010/05/25 Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
2011/05/09 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
使用jquery prev()方法找到同级的前一个元素
2014/07/11 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
javascript 应用小技巧方法汇总
2015/07/05 Javascript
深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解
2016/04/03 Javascript
jQuery特殊符号转义的实现
2016/11/30 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
深入理解nodejs中Express的中间件
2017/05/19 NodeJs
nodejs连接mysql数据库及基本知识点详解
2018/03/20 NodeJs
JS实现的base64加密解密操作示例
2018/04/18 Javascript
Python列表计数及插入实例
2014/12/17 Python
Python中的filter()函数的用法
2015/04/27 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
django admin 根据choice字段选择的不同来显示不同的页面方式
2020/05/13 Python
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
新奥尔良珠宝:Mignon Faget
2020/11/23 全球购物
什么是lambda函数
2013/09/17 面试题
大四学年自我鉴定
2013/11/13 职场文书
应届大学生的推荐信
2013/11/20 职场文书
实习生单位鉴定意见
2013/12/04 职场文书
工程造价专业大学生职业规划范文
2014/03/09 职场文书
教室布置标语
2014/06/26 职场文书
培训科主任岗位职责
2014/08/08 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
2014年出纳工作总结与计划
2014/12/09 职场文书
2015年村党支部工作总结
2015/04/30 职场文书
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript
Windows Server 2019 配置远程控制以及管理方法
2022/04/28 Servers
mysql sock 文件解析及作用讲解
2022/07/15 MySQL