目录一、JWT简介1.1 什么是JWT1.2 为什么要使用JWT,与session的区别1.3 JWT组成及工作原理和流程二、JWT工具类解析2.1 生成JWT2.2 解析oldJwt2.3 复制JWT并延时30分钟2.4 测试JWT的有效时间2.5 模拟过期JWT的解析三、JWT前后端分离在项目中的应用一、JWT简介1.1 什么是JWT &n
总结:非前后端分离项目架构: 1,JSP+sevlet 这种架构JSP中有Java代码强侵入。 2,JSP+Spring 分层次(MVC)架构,JSP保留部分Java标签。 3,springboot + 模板 spring脚手架,第二种的变种。前后端分离项目架构: 1,Vue + springboot(前端项目+后台接口)前端
转载
2023-08-30 15:10:01
175阅读
# Docker 部署 Spring Boot 前后端分离项目的指南
随着微服务架构的普及,基于 Docker 的应用部署已经成为一种流行的趋势。本文将介绍如何使用 Docker 部署一个简单的 Spring Boot 前后端分离的项目,并提供代码示例和相关的类图。
## 项目结构
在开始之前,我们需要搭建一个简单的 Spring Boot 项目以及一个前端项目。这里我们使用 Vue.js
# 部署前后端分离项目的实现
## 概述
在传统的开发方式中,前端和后端的代码通常是耦合在一起的,随着前后端分离的发展,将前端和后端的代码分开部署成为一种趋势。本文将介绍如何使用Kubernetes(K8S)来部署前后端分离项目。
## 步骤概览
下面是部署前后端分离项目的步骤概览:
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 准备前端代码 |
| 2 | 准备后端
原创
2024-05-22 10:25:38
88阅读
文章目录前言一、环境准备二、SpringBoot项目打jar包1.1 使用Maven的package插件打包1.2 上传至Linux服务器三、Vue项目打包1.1 修改后台请求地址1.2 生成dist文件1.3 上传至linux服务器三、配置Nginx四、启动项目1.1 启动Nginx服务器1.2 启动SpringBoot1.3 访问项目总结 前言Java企业开发少不了Spring Boot 加
转载
2023-12-11 13:34:37
139阅读
目录前置条件方法一:把前端项目打包,作为后端项目的静态文件,再把后端项目部署在应用服务器中方法二: 把前端项目部署在 web 服务器中,把后端项目部署在应用服务器中 前置条件首先需要我们写好两个项目(分别是前端和后端的),要写好前后端接口 接口按照我这样写,我这里使用的是axios,使用方法可以参考我的另一篇博客:vue cli4使用axios(通过RAP2生成后端接口) 这个项目先运行后端再运
转载
2023-08-10 13:31:15
353阅读
目录: 一、什么是JWT 二、我们为什么要使用JWT(与传统的session认证有何区别) 三、如何使用JWT 四、JWT的构成及原理 五、JWT加解密实例一、什么是JWT JWT——Json web token 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准,可实现无状态、分布式的Web应用授权。二、我们为什么需要JWT? 首先,当前后端分离时我们会因为同源策略
转载
2023-07-18 19:50:08
101阅读
前置条件:1. 一个域名2.一个前端打包项目3.一个后端打包项目4.一台阿里云虚拟机5. SSL的证书文件一、前端配置https1、准备一个vue项目,并且打包成dist包npm run build2、在阿里云上申请一个域名, 并且进行ICP备案(20天内完成)3、域名完成备案后, 申请SSL免费证书 此处的Nginx证书下载完后得到(domainName.key, domainName
转载
2023-08-24 12:42:00
232阅读
项目详情:后端用java+python写的,前端用vue写的项目部署时候遇到的问题:数据库问题、端口问题、访问页面ip问题、前端从windows下放到linux下遇到的问题。。。。数据库问题: 数据库python跟Tomcat都要更改,改成统一的数据库。 python需要改两个地方,一个是项目下的conf.py文件下的数据库,另一个是Algorithms文件下的people.py文件下
转载
2023-07-06 23:48:18
191阅读
Linux Nginx部署前后端分离的Java Web项目(Vue+Springboot)系统(CentOS 8)环境准备工作:- Java JDK的安装和配置(Java 8) - Nginx的安装与配置 - MySQL的安装与配置、项目数据库的建立测试找的一个项目demo地址:https://gitee.com/xqnode/springboot-vue-demo一、项目分析部署到Linux服务
转载
2024-03-22 17:01:05
296阅读
实现前后端分离,可以让前后端独立开发、独立部署、独立单测,双方通过JSON进行数据交互。对于前端开发人员来说,不用每次调试都需要启动或配置Java/Tomcat运行环境;对于后端开发人员来说 ,也不用在需要往页面注入数据。一:部署前端资源前端资源部署在nginx的html文件中; 二:配置前端资源访问路径和默认访问路径root 是指定项目的根目录,适用与server和location。可
转载
2023-11-02 09:52:39
215阅读
我所了解的前后端分离——【北杨】 前言最近这一段时间由于Nodejs的逐渐成熟和日趋稳定,越来越多的公司中的前端团队开始尝试使用Nodejs来练一下手,尝一尝鲜。一般的做法都是将原本属于后端的一部分相对于业务不是很重要的功能迁移到Nodejs上面来,也有一些公司将NodeJS作为前后端分离的一个解决方案去施行。而像淘宝网这类的大型网站也很早的完成了前后端的分离,给我们这样的后来者提供了宝
准备环境购买一个云服务器(我用的是Amazon的Ubuntu),并记录/查询当前用户ubuntu的公网IP。登录服务器后查询Ubuntu公网IP::curl ifconfig.me (如果没有 curl ,先安装一下: sudo apt-get install curl )PS:服务器需要提前安装好前后端需要的包,比如相关sdk,runtime,一些框架等。查看npm和node是否安装:npm -
转载
2024-10-13 23:13:53
41阅读
简介SpringSecurity属于Spring家族中的一款安全管理框架,,它提供了一套Web应用安全性的完整解决方案。主要的功能是认证和授权。认证 :验证当前访问系统的是不是本系统的用户,并且要确定具体是哪个用户。授权 :经过认证后判断当前用户是否有权限进行某个操作。1、快速入门1.1、创建一个SpringBoot工程1、先创建一个最基本的SpringBoot工程,配置好相关数据库,并且编写一个
转载
2024-09-06 15:26:58
140阅读
目录 前言服务器环境搭建windows开发环境SSM搭建加入redis(注解形式)nginx与tomcat关联配置,完成前后端连接前言本次采用前后端分离模式,前端以html、css、js为组成模式,后端以spring全家桶的"手动挡"模式SSM作为基础。nginx启动前端,并管理静态文件,tomcat启动后端,管理动态数据,mysql作为应用数据库。开发环境后端工程采用maven工程,并
转载
2024-03-25 20:15:28
87阅读
核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。这个步骤是系统架
转载
2023-10-20 19:43:12
32阅读
项目背景刚刚参加完一个项目,背景:后端是用java,后端服务已经开发的差不多了,现在要通过web的方式对外提供服务,也就是B/S架构。后端专注做业务逻辑,不想在后端做页面渲染的事情,只向前端提供数据接口。于是协商后打算将前后端完全分离,页面上的所有数据都通过ajax向后端取,页面渲染的事情完全由前端来做。另外还有一个紧急的情况,项目要紧急上线,整个web站点的开发时间只有两周,两周啊!于是在这样的
✅作者简介:大家好,我是Cisyam,热爱Java后端开发者,一个想要与大家共同进步的男人???当前专栏:✨特色专栏:?本文
原创
2024-06-04 09:39:58
217阅读
# Docker 部署前后端分离项目指南
## 一、整体流程
首先,让我们来看一下“docker 部署前后端分离项目”的整体流程。下面是一个简单的表格展示:
```mermaid
journey
title Docker 部署前后端分离项目流程
section 步骤
开始 --> 前端开发:开发前端代码
前端开发 --> 前端打包:打包前端代码
原创
2024-05-26 05:02:04
81阅读
编译前端项目 修改 .env 环境变量 Vite 环境变量加载机制:.env.[mode].local > .env.local > .env.[mode] > .env cd yudao-ui-admin-vue3 npm install # npm构建,package.json 中配置了这个 n