详细介绍解决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 相关文章推荐
侧栏跟随滚动的简单实现代码
Mar 18 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
Jun 24 Javascript
简单时间提示DEMO从0开始一直进行计时
Nov 19 Javascript
Javascript 函数parseInt()转换时出现bug问题
May 20 Javascript
javascript数组去重方法汇总
Apr 23 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
svg动画之动态描边效果
Feb 22 Javascript
vue移动端UI框架实现QQ侧边菜单组件
Mar 09 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
Aug 07 Javascript
js针对图片加载失败的处理方法分析
Aug 24 Javascript
详解template标签用法(含vue中的用法总结)
Jan 12 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
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
一个完整的php文件上传类实例讲解
2015/10/27 PHP
PHP常用函数之base64图片上传功能详解
2019/10/21 PHP
JavaScript 判断浏览器类型及版本
2009/02/21 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
jquery 快速回到页首的方法
2013/12/05 Javascript
jQuery插件Validate实现自定义表单验证
2016/01/18 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
2016/06/24 Javascript
JS实现显示带倒影的图片横排居中放大展示特效实例【测试可用】
2016/08/23 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
2016/09/04 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
2016/09/14 Javascript
xmlplus组件设计系列之列表(4)
2017/04/26 Javascript
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
2017/07/11 Javascript
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
Vue全局分页组件的实现代码
2018/08/10 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
2018/08/13 Javascript
JS实现导航栏楼层特效
2020/01/01 Javascript
js编写简易的计算器
2020/07/29 Javascript
python中利用队列asyncio.Queue进行通讯详解
2017/09/10 Python
5个很好的Python面试题问题答案及分析
2018/01/19 Python
使用CodeMirror实现Python3在线编辑器的示例代码
2019/01/14 Python
python3中numpy函数tile的用法详解
2019/12/04 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
css3 伪类选择器快速复习小结
2019/09/10 HTML / CSS
HTML5 FormData 方法介绍以及实现文件上传示例
2017/09/12 HTML / CSS
师范应届生语文教师求职信
2013/10/29 职场文书
商务英语本科生的自我评价分享
2013/11/15 职场文书
小溪流的歌教学反思
2014/02/13 职场文书
教师对学生的寄语
2014/04/03 职场文书
活动策划求职信模板
2014/04/21 职场文书
缅怀革命先烈演讲稿
2014/05/14 职场文书
2016秋季小学开学寄语
2015/12/03 职场文书
2016年度师德标兵先进事迹材料
2016/02/26 职场文书
Web前端:CSS最强总结 附详细代码
2021/03/31 HTML / CSS
MySQL利用UNION连接2个查询排序失效详解
2021/11/20 MySQL
MySQL数据库简介与基本操作
2022/05/30 MySQL