要用vue+node.js开发前台页面，不知道如何从java后台获取数据在前台进行分配

ruixiang0207 2017-12-29 02:23:53

请问用vue配合node.js做前台页面的时候，数据是如何从后台进行获取呢？
运用axios的时候，是用ajax还是用jsonp呢，是在本地用ajax的原理获取数据还是用jsonp的跨域原理获取数据呢？
不清楚后台和前台怎么处在一个服务器下，vue配合node.js的搭配方法做前台页面不知道如何和eclipse里的java的后台程序返回数据联系起来，不知道怎么用vue+node.js替代java的前台页面。
请知道的朋友帮忙回答一下，谢谢。

...全文

1767 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

书农 2018-01-18

打赏
举报

回复

vue使用axios从后台获取数据，axios其实我的理解就是对ajax的封装，当然你用ajax也可以，但是推荐使用axios。由于前台开发需要一个端口号，后台服务端调用也是如此，所以存在一个跨域的问题，针对跨域，前端需要设置请求头部，服务器端也需要设置跨域请求，但是这些你可以使用JSONP的技术解决

ruixiang0207 2017-12-29

打赏
举报

回复

是不是现在用vue开发前台页面的同学们，和java开发后台接口的同学们，互不干扰，只用java开发后台接口的同学们提供接口，前台用vue开发页面的同学们跨域接收到数据进行展示处理，就可以了呢？

vue.js+node.js毕业设计.zip 主要功能模块前台问答活动失物认领二手交易招聘信息文章与新闻个人中心&&登录注册个人中心问答发布管理活动发布管理失物认领发布管理二手交易 * 发布管理招聘信息发布管理文章与新闻发布管理后台仪表盘审核中心问答 /活动/失物认领/ 二手交易/招聘信息/ 文章与新闻留言审核认证中心学生认证公司认证客服中心平台管理分类管理账号管理账号添加/删除/授权/

使用 vue + node 实现的大前端博客前后台轻量便捷前台后台后端三部分构成前端： vue + element 后端： node + express + mysql + sequelize ORM + jwt + md5 + pm2 部署适合刚接触node的入手项目

【资源说明】基于vue前台、java后台、mysql实现的档案管理系统源码+部署说明.zip 1.1　软件本系统主要分为vue前台、java后台、mysql数据库三部分。 Vue前台的运行环境为node.js18。 Java后台的运行环境为jdk1.8。 Mysql数据库的运行环境为mysql5.7。以上三部分均需要运行于服务器操作系统Ubuntu。 #### 1.2　硬件本系统的硬件环境为2核cpu，4gneic，40g硬盘的华为云服务器。 ## 部署说明 #### 2.1　前台部署本系统前台基于vue开发，使用vue脚手架vite打包。以管理员身份运行控制台，cd到前台项目目录下，输入指令npm run build，指令执行完毕后，会在项目目录下生成dist文件夹，该文件夹中的文件为打包后的前台代码。将代码上传至服务器/home/java/static目录下，即可完成前台代码部署。 #### 2.2　后台部署本系统后台为基于java开发的ssm项目，使用java脚手架springboot，项目管理工具maven。在项目目录下运行maven build指令，指令执行完毕后会在项目目录下的target目录下生成后台项目的jar包，将该jar包上传至服务器/home/java目录下，运行指令nohup java -jar xxx.jar即可完成后台代码部署。 #### 2.3　总结在java运行环境，vue运行环境，前台代码部署，后台代码部署，服务器端口开放等操作均完成后，项目即可正常运行访问。 ## 使用步骤先打开浏览器，然后在浏览器输入栏中输入http://123.249.31.57:82/index.html，即可访问系统登录页面。在系统登录页面中输入用户名、密码后，点击登录，在验证用户名、密码通过后，即可跳转到系统主页面使用系统。 ## 编码规范本系统统一使用utf8mb4作为数据传输编码。命名均使用驼峰命名法。以每张表作为一个单独的模块进行抽象，按照高内聚低耦合的设计原则进行模块的设计划分。【备注】 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用，也适合小白学习进阶，当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。欢迎下载，沟通交流，互相学习，共同进步！

小太阳鲜花网站的设计与实现版本一： Js +Vue.js + node.js + MySQL 版本二： Java + SpringBoot + MySQL 前台界面类似下面的、功能要全、包含加入购物车、已售多少、支付等后台模块： 1、鲜花展示模块：对鲜花进行分类管理，包括增删改查等功能。 2、鲜花文化模块：比如鲜花的使用文化、什么情况下使用什么花等。 3、销售管理模块：查看订单状态，可以进行交易或取消交易等功能； 4、库存管理模块：管理每种分类的总数量和每类中每一种鲜花的数量； 5、顾客管理模块：主要包括用户个人信息的管理，即登录注册、购买情况等； 6、查询与统计模块：对本系统的重要的数据进行数据统计并可视化（如：鲜花最受欢迎的鲜花等等）。

在线教育项目概述（1）在线教育系统，分为前台网站系统和后台运营平台。前台用户系统包括课程、问答、文章三大部分，使用了微服务技术架构，前后端分离开发。后端的主要技术架构是：SpringBoot + SpringCloud + MyBatis-Plus + HttpClient + MySQL + Docker + Maven，前端的架构是：Node.js + Vue.js 其他涉及到的中间件包括Redis、ActiveMQ、阿里云OSS、视频点播业务中使用了ECharts做图表展示，使用POI完成用户信息批量上传、注册分布式单点登录使用了JWT （2）项目前后端分离开发，后端采用SpringCloud微服务架构，持久层用的是MyBatis-Plus，微服务分库设计，使用Swagger生成接口文档接入了阿里云视频点播、阿里云OSS。系统分为前台用户系统和后台管理系统两部

52,797

社区成员

25,305

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章