代码介绍
前端代码:https://github.com/Snowstorm0/token-login-vue
后端代码:https://github.com/Snowstorm0/token-login-spring
使用 Spring+Vue 实现 token 登录、退出、访问拦截等功能。
1 部署后端
1.1 生成 jar 包
使用 Idea 的 maven 进行打包。
先双击 clean,清除其他的包,然后双击 package,如下图所示:
此时在工程下生成了 target 文件夹,里面有我们的 jar 包:
1.2 部署到服务器
将 jar 包 token-login-spring-1.0-SNAPSHOT.jar
上传到服务器,运行启动命令:
java -jar token-login-spring-1.0-SNAPSHOT.jar
即可启动后端工程。
2 部署前端
2.1 打包
运行打包命令:
npm run build
此时会在项目下生成 dist 文件夹。我们将该文件夹压缩,上传服务器,并解压。
2.2 安装 Nginx
Ubuntu 下的安装命令:
sudo apt-get install nginx
查看安装路径:
whereis nginx
显示:
nginx:
/usr/sbin/nginx #主程序
/usr/lib/nginx #软件的函数库
/etc/nginx #存放配置文件
/usr/share/nginx #存放静态文件
/usr/share/man/man8/nginx.8.gz #联机帮助文件
安装成功。
2.3 配置 Nginx
找到文件/etc/nginx/sites-available/default
,修改为可编辑权限:
sudo chmod 777 /etc/nginx/sites-available/default
找到root /var/www/html;
这一行,修改为解压的 dist 文件夹的路径,如:
root /home/myroot/Desktop/token-login/dist;
重启nginx:
sudo nginx -s reload
在浏览器输入:http://localhost/#/login,即可看到前端页面。
审核编辑:汤梓红
-
Linux
+关注
关注
83文章
9013浏览量
204265 -
spring
+关注
关注
0文章
247浏览量
13931 -
vue
+关注
关注
0文章
52浏览量
7503
发布评论请先 登录
相关推荐
java spring教程
Spring核心概念介绍控制反转(IOC)依赖注入(DI)集合对象注入等Bean的管理BeanFactoryApplicationContextSpring 在web中的使用
发表于 09-11 11:09
什么是java spring
是否选择使用了EJB。如果你仅仅使用了Struts或其他的包含了J2EE特有APIs的framework,你会发现Spring关注了遗留下的问题,。 ◆Spring能消除在许多工程上对Singleton
发表于 09-11 11:16
spring实例
;suffix"><value></value></property></bean></beans> 接下来,要指明哪些请求将交给spring的DispatcherServlet来处理,所以在
发表于 09-11 11:22
如何用ACM简化你的Spring Cloud微服务环境配置管理
务环境配置管理的方案,并会简单比较一下ACM与Spring Cloud Config方案的优劣。场景故事 为了帮助理解需求和场景,在日常工程实践中,我们一般会用用户故事(User Story)的方式,预设
发表于 02-02 14:18
EDAS再升级!全面支持Spring Cloud应用
,使用 Spring Cloud 框架开发的应用会遇到很多管理瓶颈。在云环境中,发布与管理会变得十分复杂。例如,本地开发完成的应用,需要登录到每一台服务器进行发布和部署。后续还会伴随着应用的重启,扩容等痛点
发表于 02-02 15:20
在Linux上部署Qt及Qwt的教程
/local/qwt-6.1.3/lib/" -lqwt 至此,Qt+Qwt环境即在Linux上部署成功! 说明一下,~./bashrc为bash的配置文件,在个文文件夹主目录下,是一个隐藏文件。
发表于 07-03 04:51
使用阿里云ACM简化你的Spring Cloud微服务环境配置管理
做一个简单的示例,帮助你理解基于ACM来简化微服务环境配置管理的方案,并会简单比较一下ACM与Spring Cloud Config方案的优劣。场景故事为了帮助理解需求和场景,在日常工程实践中,我们一般
发表于 07-04 17:16
诚聘Linux运维工程师
类、通信类、信息技术类专业,1年及以上网络与信息安全相关从业经验;2、熟悉linux操作系统内核,能够能进行功能与性能调优,熟悉相关的部署与配置方法或工具;3、熟悉KVM虚拟化技术,熟悉qume环境
发表于 08-07 15:29
三大框架之Spring
Spring:没有出现Spring之前,各层之间的访问,需要在调用层中创建被调用层的对象,使用该对象去调用相应的方法,这样层与层之间的耦合性(紧密度)就会加强,日后在修改代码的时候,会牵一发而动全身
发表于 05-27 07:21
Linux部署maven(war包)web 项目
一、说明Linux配置Java环境及安装Tomcat,请参考博文点击打开链接Linux部署maven步骤分为以下几点:1.Eclipse导出war包2.拷贝war包到Linux3.Linux下解压
发表于 07-04 06:40
linux下的webpack编译打包工程
注:背景 最近做一个vue+vue-router+vuex+vux+fetch的项目,工程化是基于webpack来构建的,本地开发在windows环境下,编译打包正常windows下的环境准备一
发表于 07-05 07:41
Spring工作原理
的依赖关系核心:bean工厂;在Spring中,bean工厂创建的各个实例称作bean二.AOP(Aspect-Oriented Programming): 面向方面编程1.代理的两种方式:静态代理
发表于 07-10 07:41
详解Spring事务管理
在学习spring事务管理时,我忍不住要问,spring为什么进行事务管理,spring怎么进行的事务管理?首先,为什么要进行事务,接下来说说spring是怎样进行事务管理的.
发表于 07-12 06:54
Spring框架的设计理念
Spring作为现在最优秀的框架之一,已被广泛的使用,51CTO也曾经针对Spring框架中的hqC应用做过报道。本文将从另外一个视角试图剖析出Spring框架的作者设计Spring框架的骨骼架构的设计理念。
发表于 07-15 08:17
基于spring boot的linux服务器部署方法
最近一直在研究springboot服务器,之前受到springmvc等框架的困扰,思路不对,一直想把springboot打包成war包然后部署到tomcat容器下,今天突然想到既然springboot我再本地可以使用jar包的形式访问,部署到Linux服务器上也是可以的,我查了下资料。
发表于 07-22 06:51
Mybatis整合spring的思路和步骤
1、整合思路(1)SqlSessionFactory对象应该放到spring容器中作为单例存在。(2)传统dao的开发方式中,应该从spring容器中获得sqlsession对象。(3)Mapper
发表于 11-04 09:06
Spring笔记分享
:Spring实现了使用简单的组件配置组合成一个复杂的应用。在 Spring 中可以使用XML和Java注解组合这些对象。6) 一站式:在IOC和AOP的基础上可以整合各种企业应用的开源框架和优秀的第三方类
发表于 11-04 07:51
启动Spring Boot项目应用的三种方法
的读取,开启注解4)配置日志文件...配置完成之后部署tomcat 调试。但是如果使用spring boot呢?很简单,我仅仅只需要非常少的几个配置就可以迅速方便的搭建起来一套web项目或者是构建一个
发表于 01-14 17:33
「Spring认证」Spring Hello World 项目示例
让我们开始使用 Spring Framework 进行实际编程。在开始使用 Spring 框架编写第一个示例之前,您必须确保已按照Spring - 环境设置章节中的说明正确设置了 Spring 环境
发表于 08-17 13:49
如何将程序很好的部署
的完整性这一思想,将cobemx生成的文件和自己编写的文件独立开。这就是所提出这种工程部署方法的初衷。拿STM32F103VBT6这块单片机来说我们要注意以下几点:基础底层头文件汇总我们通过cobemx生成的一些列基础功能配置,都会产生单独的.c和.h文件。将一些底层配置的头文件汇总到一个头文件中,在
发表于 08-24 07:40
在嵌入式环境中部署环境的相关资料分享
在嵌入式环境中部署环境:1.1 在linux中,当文件系统初始化后,在vi/etc/profile中可以输入一个命令,来配置系统的ip地址: ifconfig eth0 192.168.1.10这样就能实现,系统上电后的配置。...
发表于 10-27 07:02
嵌入式linux部署qt的几个疑问
嵌入式linux部署qt几个疑问在windows系统里编好的QT程序,经过交叉编译后能直接运行在板子上吗?还是板子需要弄个QT环境啥的?就是往里面安个相同版本的QT?windows是x86平台,编译
发表于 10-27 09:47
嵌入式Linux版本Qt5.4快速部署的相关资料分享
(Toradex Apalis iMX6)基于Embedded Linux快速部署做较详细说明。嵌入式Linux版本Qt5.4快速部署--- by Toradex 秦海Qt是一个领先的跨平台应用和UI 开发框架...
发表于 11-05 08:19
Spring Boot嵌入式Web容器原理是什么
,不需要配置任何特殊的XML配置,为了这个目标,Spring Boot在Spring 4.0框架之上提供了很多特性,帮助应用以“约定优于配置”“开箱即用”的方式来启动应用并运行上下文。Spring Boot
发表于 12-16 07:57
vue嵌入浏览器的相关资料推荐
vue嵌入浏览器 Vue-ico (vue-ico)Dead easy, Google Material Icons for Vue. 太简单了,Vue的Google材料图标
发表于 12-21 08:20
Qt部署在RV1126的arm-linux系统上使用QImage缩放,drawXXXX缩放无效怎么解决?
Qt部署在RV1126的arm-linux系统上使用QImage缩放,drawXXXX缩放无效怎么解决?
发表于 03-10 06:37
spring教程下载pdf
学习用struts MVC框架作前端,Spring做中间层,Hibernate作后端来开发一个
简单的Spring应用程序。在第4章将使用Spring MVC框架对它进行重构。
本章包含以下内容:
编写
发表于 09-11 11:04
•419次下载
spring快速入门教程
Spring 快速入门教程──开发你的第一个Spring程序本章学习用struts MVC框架作前端,Spring做中间层,Hibernate作后端来开发一个简单的Spring应用程序。在第4章将使用Spring MVC框
发表于 09-11 11:07
•34次下载
智能建筑设备招标技术文件编写手册(电气工程部分)
智能建筑设备招标技术文件编写手册(电气工程部分)共分五章,内容有:高低压配电设备,配电变压器,发电机组成报警与消防联动控制系统,楼宇自动控制系统,综合布线系统,
发表于 12-24 20:23
•36次下载
Vue框架的教程资料免费下载
Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。
发表于 03-18 08:00
•0次下载
嵌入式Linux的QT版本,嵌入式Linux版本Qt5.4快速部署
(Toradex Apalis iMX6)基于Embedded Linux快速部署做较详细说明。嵌入式Linux版本Qt5.4快速部署--- by Toradex 秦海Qt是一个领先的跨平台应用和UI 开...
发表于 11-01 17:20
•10次下载
嵌入式Linux开发环境部署
系统用于编译嵌入式内核及应用代码。1.adb工具部署于windows上。用于访问嵌入式linux系统,上传下载文件。常用的命令有:adb shell :连接上嵌入式linux系统,然后可以执行系统相关指令adb push: 将文件上传到系统adb pull: 将文件从系统.
发表于 11-01 17:22
•13次下载
嵌入式linux安装qt,嵌入式Linux版本Qt5.4快速部署
(Toradex Apalis iMX6)基于Embedded Linux快速部署做较详细说明。嵌入式Linux版本Qt5.4快速部署--- by Toradex 秦海Qt是一个领先的跨平台应用和UI 开发框架...
发表于 11-02 10:51
•8次下载
Spring Cloud Function基于Spring Boot的函数计算框架
./oschina_soft/spring-cloud-function.zip
发表于 05-13 10:16
•0次下载
电子工程师盛宴!LINE台湾研发工程部扩大人才
LINE首度在台举办LINE Taiwan TechPulse,广邀在地开发合作伙伴共襄盛举,会中除介绍LINE平台上的五大开发套件外,也公开三大研发工程部门的团队文化,宣布扩大全球人才,希望吸引各方好手一起加入LINE为行动世代开发各种创新应用!
发表于 12-27 11:36
•802次阅读
spring mvc框架介绍
Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面。Spring 框架提供了构建 Web 应用程序的全功能 MVC 模块
发表于 11-17 16:28
•1755次阅读
Spring应用 1 springXML配置说明
Spring应用 1 springXML配置说明 隐式对Spring容器注册Process context:annotation-config / 为了在spring开发过程中,为了简化
发表于 01-13 12:20
•208次阅读
Fingerprint Cards在华成立客户工程部门
世界领先的生物识别技术公司Fingerprint Cards (简称Fingerprints)宣布在中国成立客户工程部门,这个部门的研发团队主要为全球及本地的移动设备OEM客户提供服务。在此之前,Fingerprints 在全球设有四个研发中心,这个在华新设的客户工程部门是该公司在研发投入
工程部主机管理应用中IP KVM切换器的解决方案
一、方案背景 某单位工程部日常工作需要若干台服务器同时运行,为方便工作服务器的管理要求:1、KVM产品能提供管理员在机柜上管理;2、网络设置不影响不干扰局域网或者其他网络信号;3、当工程师外出不在
发表于 07-06 11:37
•165次阅读
Spring Boot从零入门1 详述
在开始学习Spring Boot之前,我之前从未接触过Spring相关的项目,Java基础还是几年前自学的,现在估计也忘得差不多了吧,写Spring Boot...
关于vue如何去水印的解决方法的介绍
vue软件,点击屏幕右下方的标识。2:在弹出的窗口中选择设置。的步骤即可,大家一起来看看小编整理的关于vue怎么去水印的解决方法: 1:打开vue软件,点击屏幕右下方的标识。 2:在弹出的窗口中选择设置。 3:点击水印选项。 4:可以关闭添加水印
发表于 03-24 17:33
•2913次阅读
Spring认证_什么是Spring GraphQL
Spring GraphQL 为构建在 GraphQL Java 上的 Spring 应用程序提供支持。两个团队之间的联合联合。我们的共同理念是少固执己见,更专注于全面和广泛的支持。 Spring
Spring认证_什么是Spring GraphQL?
数据整合 Spring GraphQL 支持使用 Querydsl 通过 Spring Data Querydsl 扩展 来获取数据。Querydsl 提供了一种灵活但类型安全的方法,通过使用注释
「Spring认证」什么是Spring GraphQL?
这个项目建立在 Boot 2.x 上,但它应该与最新的 Boot2.4.x5 相关。 要创建项目,请转到start.spring.io并为要使用的GraphQL传输选择启动器: 启动机 运输 执行
为什么要学习Spring?Spring核心基础教程详解?
为什么要学习Spring? Spring 框架是一个开源的 Java 平台。它最初由 Rod Johnson 编写,并于 2003 年 6 月在 Apache 2.0 许可下首次发布。 Spring
「Spring认证」Spring 框架概述
Spring 框架是一个开源的 Java 平台。它最初由 Rod Johnson 编写,并于 2003 年 6 月在 Apache 2.0 许可下首次发布。 Spring Framework 的核心
「Spring认证」Spring IoC 容器
Spring 容器是 Spring 框架的核心容器将创建对象,将它们连接到配置中,并管理它们从创建到成熟的生命周期。Spring 容器使用 DI 来管理构建应用程序的组件。 Spring Bean
Spring认证是什么?
Spring Certified Professional 2022 Spring Professional认证旨在测试和验证学生对 Spring 和 Spring Boot核心方面的理解和熟悉程度
如何获得Spring认证?学习JAVA如何获得Spring Professional认证?
如何获得Spring Professional认证? Spring Professional认证旨在测试和验证学生对 Spring 和 Spring Boot核心方面的理解和熟悉程度,例如:配置
spring认证证书有用吗?
Spring认证(全称:Spring Professional认证)是Spring官方推出的认证体系,旨在测试和验证学生对 Spring 和 Spring Boot核心方面的理解和熟悉程度,例如
Spring Validation的使用
之前也写过一篇关于Spring Validation使用的文章,不过自我感觉还是浮于表面,本次打算彻底搞懂Spring Validation。本文会详细介绍Spring Validation各种场景下的最佳实践及其实现原理,死磕到底!
Spring Boot特有的实践
Spring Boot是最流行的用于开发微服务的Java框架。在本文中,我将与你分享自2016年以来我在专业开发中使用Spring Boot所采用的最佳实践。这些内容是基于我的个人经验和一些熟知的Spring Boot专家的文章。
Spring Cloud Gateway服务网关的部署与使用详细教程
一、为什么需要服务网关: 1、什么是服务网关: 2、服务网关的基本功能: 3、流量网关与服务网关的区别: 二、服务网关的部署: 1、主流网关的对比与选型: 2、Spring Cloud
一个用Spring Boot搭建的文档在线预览解决方案
基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能
强大的Spring Boot 3.0要来了
Bugfix。 Spring Boot 3.0 的开发工作始于实验性的 Spring Native,旨在为 GraalVM 原生镜像提供支持。 在该版本中,开发者现在可以使用标准 Spring Boot Maven 或 Gradle 插件将 Spring Boot 应用程序转换为原生可执
关于React和Vue产生一定的认知
Vue2 相较 Vue3 版本而言牢牢占据着大部分 Vue 开发者的视野,但是因为 Vue 官方已经把 Vue3 作为默认的版本,所以在此同时把 Vue2 和 Vue3 作为对比对象。
浅谈Spring事务底层原理
开启Spring事务本质上就是增加了一个Advisor,但我们使用@EnableTransactionManagement注解来开启Spring事务是,该注解代理的功能就是向Spring容器中添加了两个Bean:
Vue入门之Vue定义
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。
Vue 的核心库只关注视图层,也就是只处理页面。
Vue提供的一套JS框架,通常称为vue全家桶。
Vue Admin Work 系列框架
各位小主大家好,很抱歉这段时间以来没有及时更新和维护Vue Admin Work之前版本。因为这段时间一直致力于开发两个新的版本 Vue Admin Work A 和 Arco Admin 两个版本。
在iOS中集成Vue是什么
上一节Vue在非浏览器环境下的尝试我们利用了weex在vue中的dom实现成功的在非浏览器环境中Vue的实例,接下来我们将Vue集成到iOS当中,利用JavaScriptCore来实现界面的布局与动态数据绑定。
简单介绍一下Vue中的响应式原理
自从 Vue 发布以来,就受到了广大开发人员的青睐,提到 Vue,我们首先想到的就是 Vue 的响应式系统,那响应式系统到底是怎么回事呢?
评论