详细介绍解决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 相关文章推荐
整理8个很棒的 jQuery 倒计时插件和教程
Dec 12 Javascript
jquery右下角弹出提示框示例代码
Oct 08 Javascript
js AppendChild与insertBefore用法详细对比
Dec 16 Javascript
基于JQuery实现的Select级联
Jan 27 Javascript
基于javascript的JSON格式页面展示美化方法
Jul 02 Javascript
原生javascript实现图片按钮切换
Jan 12 Javascript
JS实现在页面随时自定义背景颜色的方法
Feb 27 Javascript
Jquery跨域获得Json的简单实例
May 18 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
Jun 06 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
浅析Angular2子模块以及异步加载
Apr 24 Javascript
12条写出高质量JS代码的方法
Jan 07 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
redis 队列操作的例子(php)
2012/04/12 PHP
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
thinkphp3.2.3 分页代码分享
2016/07/28 PHP
php微信公众平台开发之微信群发信息
2016/09/13 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
Javascript在IE或Firefox下获取鼠标位置的代码
2009/12/18 Javascript
javascript Array数组对象的扩展函数代码
2010/05/22 Javascript
js实现在页面上弹出蒙板技巧简单实用
2013/04/16 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
js的for in循环和java里foreach循环的区别分析
2015/01/28 Javascript
基于jquery实现智能表单验证操作
2016/05/09 Javascript
如何利用JSHint减少JavaScript的错误
2016/08/23 Javascript
js中string和number类型互转换技巧(分享)
2016/11/28 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
Easyui和zTree两种方式分别实现树形下拉框
2017/08/04 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
Vue实现剪贴板复制功能
2019/12/31 Javascript
Python读写Excel文件的实例
2013/11/01 Python
win8.1安装Python 2.7版环境图文详解
2019/07/01 Python
tensorflow2.0的函数签名与图结构(推荐)
2020/04/28 Python
带你学习Python如何实现回归树模型
2020/07/16 Python
Python字符串对齐、删除字符串不需要的内容以及格式化打印字符
2021/01/23 Python
编写html5时调试发现脚本php等网页js、css等失效
2013/12/31 HTML / CSS
自动化工程专业个人应聘自荐信
2013/09/26 职场文书
家具厂厂长岗位职责
2014/01/01 职场文书
《陋室铭》教学反思
2014/02/26 职场文书
《欢乐的泼水节》教学反思
2014/04/22 职场文书
银行奉献演讲稿
2014/09/16 职场文书
立项申请报告范本
2015/05/15 职场文书
使用canvas实现雪花飘动效果的示例代码
2021/03/30 HTML / CSS
mysql升级到5.7时,wordpress导数据报错1067的问题
2021/05/27 MySQL
Linux中一对多配置日志服务器的详细步骤
2022/07/23 Servers
LyScript实现绕过反调试保护的示例详解
2022/08/14 Python