详细介绍如何解决vue和javascriptp结合的方法

每一天的生活,不再为一点小事悲痛动怒,会安安心心,简简单单,做一些能让自己开心的事。不要过分在意一些人,过分在乎一些事,顺其自然,以最佳的心态应对。

emm...实训后的小组作业是做一个培训基地的网站,但是老师教了一个学期的jsp后台.. 但我不想用jsp写前端...太傻了,遂决定用vue-cli+jsp的方式做这个项目。

首先,vue-cli基于node监听端口进行调试,也就是Localhost:8080,但同时tomcat监听的端口也是8080,我选择把tomcat的端口改成8081来防止两者冲突。(改端口的方法一搜一大把)

这个api中的地址(因为是8080向8081发出请求,所以会引起跨域),需要反向代理一下,在config/index.js下,修改一下proxy:

然后在vue中,通过axios发出异步get请求

得到数据

到此这篇关于详细介绍如何解决vue和javascriptp结合的方法就介绍到这了。路只能走一步是一步,因为明天难以预测,过去已成定局,除了把握好当下,其实别无它。更多相关详细介绍如何解决vue和javascriptp结合的方法内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
Vue路由参数的传递与获取方式详细介绍

vue学习记录之动态组件浅析

如何解决ElementUI组件中el-upload上传图片不显示问题

解读element el-upload上传的附件名称不显示 file-list赋值

一篇关于el-table-column的formatter的如何使用及说明