阿里云部署（Springboot+vue2.0）前后端分离项目项目架构和部署工具项目工具部署工具后端项目准备及部署购买云端服务器（以下是阿里云，[腾讯请点击我]()）配置服务器Xshell的安装及使用安装MySQL 8.0.26后端项目准备和部署安装JDK将Springboot项目打包成jar包部署后端项目前端项目准备及部署(与centos7安装有差异)安装nginx打包vue项目并部署到前端修
vue 里面路由有两种显示模式是hash和history，默认是hashhash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL：http://www.abc.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此改变 hash 不会重新加
根据用户名和密码去user表中查询是否存在如果不存在登录失败如果存在使jwt生成token返回给前端将token放入redis当中 ,设置过期时间//将token放入redis key: 令牌 value: 用户信息 过期时间：1天
redisTemplate.opsForValue().set(“TOKEN_”+token, JSON.toJSONString(sysUser),1, TimeU
一、用户角色权限管理模块设计“用户-角色-权限”管理是 “访问控制” 的一种实现方式RBACShiro框架，安全框架1、用户密码加密加盐hash加盐加密与验证的逻辑：用户注册时，输入用户名密码（明文），向后台发送请求后台将密码加上随机生成的盐并 hash，再将 hash 后的值作为密码存入数据库，盐也作为单独的字段存起来用户登录时，输入用户名密码（明文），向后台发送请求后台根据
转载
2024-04-07 10:54:30
7阅读
1.全局前置守卫router.beforEach( (to, from , next) =>{} ) to : 即将进入的路由from : 从哪个路由离开next() : 决定是否展示你要看到的路由页面 使用时可以在meta原始数据中定义标识符 2.路由独享守卫在路由配置上定义beforeEnterbeforeEnter : ( to , from , next
转载
2024-10-18 18:48:47
109阅读
接着上章节下面我们做一下身份认证登录成功之后前端就可以获取到了jwt的信息，所以后端进行用户身份识别的时候，我们需要通过请求头中获取jwt，然后解析出我们的用户名，这样我们就可以知道是谁在访问我们的接口啦，然后判断用户是否有权限等操作那么我们自定义一个过滤器用来进行识别jwt JWTAuthenticationFilter 代码如下import cn.hutool.core.util.StrUti
转载
2024-10-26 10:09:42
62阅读
Vue-history模式的SpringBoot配置以及对错误状态的处理使用history模式vue-router 默认是hash模式的，但是连中文官网都承认hash 模式的url很丑，的确像我这种小渣渣都能一眼看出这是个单页面无疑了。比如这样http://xxx.com/#/home/index 官网提出了一种能让url能像http://xxx.com/home/index这样显示的办法，就是
转载
2024-03-18 18:28:14
128阅读
一、django模板变量和vue冲突解决 {{ }}如果不可避免的在同一个页面里既有 django 渲染又有 vue 渲染的部分，可有 2 种方式解决方法一：采用 vue 的 delimiters 分隔符。new Vue({
delimiters: ["{[", "]}"] // 可自定义符号
})方法二：建议把 vue 的部分用 {% verbatim %} 包起来。我这里使用这种方法见文档
在进行Vue和Spring Boot的部署之前，首先需要明白这两个技术的基本概念。Vue是一套用于构建用户界面的渐进式框架，可以与现有项目进行逐步集成，而Spring Boot是一个用于构建生产级别的基于Spring框架的应用程序的框架。
下面将详细介绍如何实现Vue和Spring Boot的部署，包括必要的步骤和代码示例。
### 步骤概览
以下是实现Vue和Spring Boot部署的基本
原创
2024-05-06 10:34:40
84阅读
一、准备工作1.1 下载node + vue① 下载 nodenode.js下载地址：建议下载稳定版Node.jshttps://nodejs.org/zh-cn/② 下载vue在控制台输入如下指令npm install -g @vue/cli 1.2 租用xx云服务器，这里以阿里云服务器为例建议百度 阿里云/华为云/百度云服务器购买教程，下面给两个挺好的例子SpringBoot项目部署
转载
2024-03-14 17:08:58
113阅读
本篇目录前言一、导航栏的实现1.路由配置2.使用 NavMenu 组件二、图书管理页面1.LibraryIndex.vue2.SideMenu.vue3.Books.vue 前言之前讲过使用 Element 辅助前端页面的开发，但是只用到了比较少的内容，这一篇我们来做一下系统的核心页面——图书管理页面的前端部分，旨在熟悉 Vue 的更多特性。一、导航栏的实现我们的项目虽然本质上是单页面应用，但表
最近有个课程项目，需要部署到服务器上，免费领取了阿里云两个月的云服务器，记录一下部署过程1.基本环境Xshell连接到阿里云主机，下载dockeryum install docker-ce有可能会报错：Problem: package docker-ce-3:20.10.1-3.el7.x86_64 requires containerd.io >= 1.4.1, but none of t
转载
2024-03-19 22:16:14
77阅读
上篇在服务器中安装好了nginx，也把服务器远优于一个系统改成nginx配置了，接下来就是配置ltblog啦。SSM架构下只需要部署Tomcat服务器后通过Nginx负载均衡即可。而在SpringBoot中并不需要部署Tomcat，内部已经自带了。所以只需要将其打成jar包后启动，然后交给Nginx进行负载均衡即可，如果是war包还是需要tomcat的。首先需要在application.prope
转载
2024-05-10 14:48:52
1102阅读
目录一、SpringBoot快速上手1、SpringBoot介绍2、SpringBoot特点3、快速创建SpringBoot应用4、SpringBoot开发热部署二、Web开发基础1、Web入门2、控制器3、路由映射4、参数传递三、Web开发进阶1、静态资源访问2、文件上传原理3、拦截器四、构建RESTful服务1、RESTful介绍2、RESTful特点3、RESTful API4、HTTP状态
转载
2024-08-29 12:00:01
31阅读
# 使用Spring Boot部署Vue项目
在实际项目开发中，我们经常会遇到需要将前端Vue项目和后端Spring Boot项目结合在一起部署的情况。这种架构可以充分发挥各自的优势，同时提高开发效率和项目可维护性。接下来我将向你介绍如何使用Spring Boot部署Vue项目，帮助你快速上手这一技术。
## 整体流程
下表展示了整个部署过程的步骤及其具体操作：
| 步骤 | 操作 |
原创
2024-05-23 11:31:53
52阅读
项目结构： Controller层: Controller层负责具体的业务模块流程的控制 BrandController：package example_itliu.springboot_03_ssm.controller;
import example_itliu.springboot_03_ssm.domain.Brand;
import example_itliu.springboot_
一、首先拿到spring boot + vue项目，可以从git 上获取到 1、spring boot 项目导入idea中启动，运行mian函数启动项目（tomcat端口改为80） 二、安装node（最新版）https://nodejs.org/en/download/（具体安装过程，查百度）  
转载
2023-10-13 21:04:14
91阅读
文章目录1：项目部署所使用的工具或资源2：SpringBoot项目部署2.1更改跨域配置2.2项目打包2.3部署jar包2.3.1上传jar包和静态资源文件2.3.2安装JDK2.3.3安装MySQL2.3.4导入sql文件资源2.3.5运行jar包2.4接口测试3.Vue项目部署3.1更改代理服务器、axios、Vuex配置3.2将项目打包上传到云服务器3.3Nginx安装3.4部署第一个Vu
转载
2023-12-14 10:59:03
186阅读
如何部署Spring Boot + Vue项目：Centos为例一：项目上线：Centos版1.ACterminal端:1.1ssh登录服务器1.2创建acs新用户(第一次创建)1.3给用户acs分配sudo权限1.4配置别名登录(登录acs)1.5配置免密登录（ssh:服务器下acs）1.6将祖传文件传到服务器的acs下[第一次传]（在Acterminal上）1.7 软件安装（Ac端||本地）
转载
2023-11-09 09:43:51
78阅读
Vue项目部署1、压缩项目 压缩好后传到服务器上并解压，传输压缩包防止文件损坏。 2、安装前端项目依赖npm install --unsafe-perm --registry=https://registry.npm.taobao.org3、打包项目npm run build同时也可以打生产环境包以及运行环境包，如果报错的话，看下自己的package.json文件中是不是没有配置该打包方式。 打包
转载
2023-09-04 17:14:42
81阅读
