前言：在02的基础上，拷贝一个vuecli模板进行修改一、前端环境搭建1、准备项目准备一个vuecli搭建的模板，然后拷贝进来修改2、启动项目在idea的命令窗口栏输入命令：npm install，安装依赖库 运行：npm run dev 然后在浏览器地址栏输入地址：localhost：8080二、平台管理登录的实现1、EasyMock准备数据mock：模拟数据，自己写很多，麻烦的很。EasyMo
转载
2024-05-13 21:21:00
62阅读
回归hello，我又回来了，哈哈哈，反正也没有人看。上班没错，老子上班去了，很酸爽。感觉学到了很多东西，其实也都是皮毛。不过，三四个月了，是熟悉完成的阶段了。然后呢，就感觉进步乏力，可是这才哪儿到哪儿啊，于是想到看书，于是想到看视频，于是，最后发现还是要写博客~~~今天分享下前后端联调的事情吧。前后端联调做事情到现在，经历了多种前后端开发。首先是个人开发时期，一个搞定前后端，语言是php，所以整体
转载
2023-11-16 23:06:47
82阅读
上一篇除了环境需要自己搭建需要点时间外，前后端服务的初始化例子应该在10分钟就差不能搞定，下边继续，看下前后端联动，实现用户登录。前端框架结构 这里直接贴出作者给的结构目录，其中我们这篇要重点关注api和views├── build // 构建相关
├── mock // 项目mock 模拟数据
├── p
# Java前后端联调实现方法
## 整体流程
为了实现Java前后端联调，需要完成以下几个步骤：
| 步骤 | 描述 |
|------|------|
| 1.准备工作 | 配置开发环境，包括安装Java开发工具、IDE和Web服务器等 |
| 2.定义接口 | 前后端协商定义接口，包括接口的请求方式、参数和返回数据 |
| 3.编写后端代码 | 使用Java编写后端代码，实现接口的具体
原创
2023-11-20 11:41:39
349阅读
前端工程化、组件化实践JDM分享该文由孵化创新一部曾瑞文在研究院技术分享会的分享内容总结而成，主要讲解了团队创新的前端工程化、组件化的思想及实践应用。为什么要搞前端框架？Java有maven，我们没有！Java有spring，我们没有，哭！Java有import,我们又没有，再哭！目前前端工程化、组件化迫切需求前端开发需要什么工程化Ø依赖管理Ø包管理Ø开发环境Ø多终端调试工具ØMock Serve
转载
2023-12-06 10:06:20
53阅读
1.联调准备 1.1 运行后台项目 clean 清空项目的编译文件 compile 重新编译项目 将项目部署到 tomcat 项目名为: lagou_edu_home 端口号: 8080 部署图片上传路径为 webapps目录下的 upload目录 1.2 运行前端项目 首先导入前端项目到 VSCo ...
转载
2021-09-27 10:12:00
1633阅读
2评论
前端转发 通过浏览器访问后端服务的时候返回404,有两种情况下会出现 第一种： nginx.conf的配置没有添加 导致出现访问出现404.这种情况的404可以通过nginx的error日志来查看 tail -f /var/log/nginx/error.log 修改nginx.conf 第二种：
原创
2023-08-18 11:40:46
163阅读
# Java前后端联调中的Mock技术
在现代Web开发中，前后端分离的架构已经成为一种趋势。前端负责用户界面的开发，而后端则处理数据逻辑。为了实现有效的协同开发，前后端联调的过程需要有效的工具来模拟后端API，这就是Mock技术的用武之地。本文将介绍如何在Java项目中使用Mock技术来实现前后端联调，并提供相关的代码示例。
## 什么是Mock技术？
Mock技术是指通过模拟真实对象的行
联调的认知和感触认知讨论联调的问题更正确地认识联调必备技能DNS与HOSTSHOST配置的姿势更改HOST不即时生效问题原因解决办法代理服务配置代理服务HTTPS抓包问题特定场景的调试姿势PCTouch页面App页面真机调试模拟器调试微信调试如何更有效地联调明确前后端的约定后端对约定的履行前端对约定的履行真正的联调友情建议 联调的认知和感触认知（讨论）为什么要联调？联调都干些什么？联调的问题联调
之前的章节介绍了前端程序员如何统计静态资源加载报错，今天聊聊前端接口请求监控的问题。可能有人会认为接口的报错应该由后台来关注，统计，并修复。 确实如此，而且后台服务有了很多成熟完善的统计工具，完全能够应对大部分的异常情况， 那么为什么还需要前端对接口请求进行监控呢。原因很简单，因为前端是bug的第一发现位置。到底是前端的问题还是后端的，程序员们也不能糊里糊涂的啊！ 1.
转载
2023-10-23 12:03:59
62阅读
目录前言1.联调准备1.1 运行后台项目1.2 运行前端项目2.课程管理首页2.1 获取课程列表2.2 条件查询课程信息2.3 跳转到添加课程2.4 修改课程状态2.5 跳转课程营销或内容管理3.新建&修改课程3.1 Course组件中的跳转方法3.2 router.js 路由3.3 CourseItem组件3.3.2 图片上传分析3.3.3 新建课程信息3.3.4 修改课程信息4.内容
转载
2023-08-05 21:36:38
171阅读
跨域问题跨域：浏览器对于javascript的同源策略的限制 。以下情况都属于跨域：跨域原因说明示例域名不同www.jd.com 与 www.taobao.com域名相同，端口不同www.jd.com:8080 与 www.jd.com:8081二级域名不同item.jd.com 与 miaosha.jd.com如果域名和端口都相同，但是请求路径不同，不属于跨域，如：www.jd.com/item
转载
2024-05-17 00:46:30
6阅读
前段时间软件实训完成了一个springboot+vue的网页项目，在部署到云服务器时遇到了一些难题，现在将部署成功的过程记录一下。参考视频：up主CodeSheep前后端分离式项目实战部署前端用的是WebStorm 2021.1.3版，后端用的是IDEA 2021.1.2版服务器要求已安装nginx和待部署项目所需的各种服务和环境（如MySQL，jdk）记得在服务器安全组中开放项目用到的全部端口（
转载
2024-04-08 10:25:34
168阅读
案例源码gitee地址：https://gitee.com/BanSheng/spring-cloud-alibaba-examples/tree/master/nacos-examples Nacos 配置中心一、Nacos Config 简介使用 Spring Cloud Alibaba Nacos Config，可基于 Spring Cloud 的编程模型快速接入 Nacos 配置
转载
2024-05-09 14:03:44
194阅读
1、问题说明 java前后端分离开发，因为后端请求牵扯要使用动态生成的token，使用swagger调用接口有点麻烦，就让前端给了下打包后的文件，本地（windows）启动nginx，然后进行后端接口自测。 2、解决方案 2.1 前端部署 前端使用vue进行开发，为了节省时间，没有直接使用前端源码自
原创
2021-07-22 09:38:09
492阅读
目录前言1. 同源策略及跨域2. 跨域解决方案之JSONP3. 设置CORS响应头实现跨域后记前言我们在做前后端交互的时候，会遇到跨域问题。本节内容将带领读者了解什么是跨域问题，以及跨域问题的解决方法。1. 同源策略及跨域我们所了解的Ajax默认是基于同源策略的。它是浏览器的一种安全策略，所以我们如果要像很好的实现前后端交互，必须有相关知识的储备。同源是什么：请求的协议与目标请求的资源，协议、域名
我是小康小白，一个平平无奇的Java小白。热爱有趣的文字，生活和远方。 小白前几天进行了人生第一次的前后端对接，决定记录一下这个过程。帮助一下曾经和我一样的人。因为其中每一步的内容都很多。所以，很多步骤小白都专门写了一篇博客去介绍如何创建，使用。下文只有实现代码，没有写为什么，怎么样去实际写，以及如何实际操作。所以大家记得打开相关链接去看看小白使用的工具以及其中的方法,以及其中数据的格式
1.内
转载
2023-05-25 08:45:27
758阅读
# Java前后端联调具体过程
## 流程步骤
首先，让我们来看一下整个java前后端联调的具体过程。可以用以下表格展示步骤：
| 步骤 | 描述 |
| ------ | ------ |
| 1 | 前端开发人员编写前端页面和js代码 |
| 2 | 后端开发人员编写后端java代码 |
| 3 | 前端向后端发送请求 |
| 4 | 后端接收请求并返回数据 |
| 5 | 前端接收数据
原创
2024-03-06 06:11:48
241阅读
0.学习目标使用资料搭建后台系统会使用nginx进行反向代理实现商品分类查询功能掌握cors解决跨域实现品牌查询功能1.搭建后台管理前端1.1.导入已有资源后台项目相对复杂，为了有利于教学，我们不再从0搭建项目，而是直接使用课前资料中给大家准备好的源码：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PqotC2G0-1589959572267)(assets/153
一、前后端联调的具体过程 1、swagger测试 2、测试api：浏览器network页签的xhr中的请求响应是否成功 3、测试数据绑定 4、数据渲染：模板中的html二、具体功能实现 1、teacher.js,api模块，用来定义接口调用后端实现的接口// @ 符号在build/webpack.base.conf.js 中配置 表示 'src' 路径
import request from '@
转载
2023-10-10 10:51:08
127阅读
