背景:我们所在的前端组是公司IT部门的一个公共技术组,承接公司各条业务线的WEB前端需求。这样就要求我们要有自己的前端服务器,这些服务器还要能够根据不同业务线需求与后端对接。这些服务器的结构如何,服务器与服务器之间有没有关联、服务器与业务线的关系如何、服务器与后端的配置如何才能通用,以上这些即是本文需要回答的问题。首先搞清楚需要怎样的服务器:Web前端必定是要走前后端分离模式的,nginx既可以代
转载
2024-03-26 09:52:32
26阅读
目录 前言服务器环境搭建windows开发环境SSM搭建加入redis(注解形式)nginx与tomcat关联配置,完成前后端连接前言本次采用前后端分离模式,前端以html、css、js为组成模式,后端以spring全家桶的"手动挡"模式SSM作为基础。nginx启动前端,并管理静态文件,tomcat启动后端,管理动态数据,mysql作为应用数据库。开发环境后端工程采用maven工程,并
转载
2024-03-25 20:15:28
87阅读
首先确保你安装了nodejs,安装教程和利用vue-cli初始化一个项目在这就不娓娓道来了。(这里用vue-cli构建的项目,如果不是,只需要在客户端更换成其他请求数据的方法就好了)我们先来搭建一下服务端吧!1>>在你的项目下新建一个server的文件夹,新建index.js和user.json,一个搭建服务器,一个用来存要返回客户端的json数据、2>> index.js
转载
2023-10-08 18:05:53
147阅读
目录: 一、什么是JWT 二、我们为什么要使用JWT(与传统的session认证有何区别) 三、如何使用JWT 四、JWT的构成及原理 五、JWT加解密实例一、什么是JWT JWT——Json web token 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准,可实现无状态、分布式的Web应用授权。二、我们为什么需要JWT? 首先,当前后端分离时我们会因为同源策略
转载
2023-07-18 19:50:08
101阅读
本人用的是vue-cli 自动构建vue+webpack 项目,这里不对webpack、nginx进行讲解。本文主要解决前端开发环境搭建、测试环境搭建、生产环境搭建以及接口调试一、需要工具1.nginx(配置代理) 2.webpack-devserver(启动前端服务) 3.postman(接口调试)二、nginx的环境搭建nginx.conf 文件配置开发环境http{
server {
转载
2024-02-23 18:39:23
95阅读
Linux环境下-SpringBoot 前后端分离项目的部署一、前言 本文记录的是基于Nginx服务器搭建、配置完成后的项目部署流程案例,仅用于记录和参考使用,若有不当之处,欢迎指正。二、环境SpringBoot + Vue + Nginx三、项目部署步骤1、Xshell下载安装 我连接Linux用的是Xshell 6,文件传输使用的是其自带的Xftp 6,软件本身是收费的,但官方提供了“家庭
转载
2024-03-29 15:52:22
42阅读
前后端分离项目springBoot +shiro权限控制+redis本次使用shiro主要实现以下几个功能 1.用户没有登录无法访问任何为权限控制的接口 2.用户登录后只能访问该用户所拥有的权限,实现了对后端接口颗粒级的权限控制 3.两个用户登录同一个账号时,后登录的用户会将先登录的用户挤掉一.数据库设计用户表 user 角色表role 用户角色中间表user_role资源权限表resource
转载
2024-03-28 16:08:05
50阅读
一、环境准备准备三台Linux服务器节点,一台部署前端项目,Nginx以及一些基础设施(包括MySQL,redis);另外两台服务器节点用来部署后端项目(JDK,Maven和Tomcat),为了部署多实例,模拟集群。可以用SecureCRT来连接,SecureCrt是一款优秀的windows连接linux/unix机器的工具。在码云上打包下来的文件,在本地IDEA要修改相关配置依赖,如数据库(ap
转载
2023-08-14 17:39:12
110阅读
背景:我们所在的前端组是公司IT部门的一个公共技术组,承接公司各条业务线的WEB前端需求。这样就要求我们要有自己的前端服务器,这些服务器还要能够根据不同业务线需求与后端对接。这些服务器的结构如何,服务器与服务器之间有没有关联、服务器与业务线的关系如何、服务器与后端的配置如何才能通用,以上这些即是本文需要回答的问题。首先搞清楚需要怎样的服务器:Web前端必定是要走前后端分离模式的,nginx既可以代
转载
2024-04-11 21:09:59
52阅读
1 前端vue项目打包部署:1.1 vue项目打包前端项目用vscode进行开发,项目整体目录如下在config目录下的配置文件中配置好后端服务器的ip地址和端口;在终端输入npm run build,系统会自动生成一个dist的文件夹,这就是打包后所需的项目文件;把dist文件夹放在linux服务器上,路径要与nginx配置的路径一致。1.2 安装并配置nginx(1)下载n
转载
2024-03-29 08:41:44
338阅读
最近做一个公司的小项目,使用到shiro做权限管理,在参考几位大佬的博客之后,自己也趟了无数坑,在此做一个记录。此次的springboot版本为:2.1.7.RELEASE。话不多说,直接代码伺候:1、shiro部分的pom文件:<dependency>
<groupId>org.apache.shiro</groupId>
转载
2024-03-27 07:43:35
40阅读
一、前言”前后端分离“已经成为互联网项目开发的业界标杆,通过Tomcat+Ngnix(也可以中间有个Node.js),有效地进行解耦。并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。前后端分离(解耦)的核心思想是:前端Html页面通过Ajax调用后端的RestFul API并使用Json数据进行交互
转载
2023-12-04 20:30:56
73阅读
目录零、序言:一、安装jdk二、安装Tomcat三、安装Nginx四、配置Nginx + Tomcat 动静分离五、Nginx手机端电脑端页面分离配置六、安装MySQL并进行一些基本的配置,以及sqlyog报错1103和2508问题的解决七、结语零、序言:此教程基于阿里云的centos7系统下,使用xshell终端进行配置小编是个前端工程师,本来搭建网站用宝塔面板玩,就无脑操作,前一段时间需要搭建
转载
2024-06-27 09:20:18
189阅读
最近做了一个项目,前端用vue写了一个网站,后端用flask,并连接训练好的Pytorch模型。第一次将项目部署到云服务器,在部署的过程中花了挺多功夫,在此记录一下。具体配置前端:vue3后端:flask 2.2.2服务器:阿里云服务器服务器在阿里云购买所需配置的服务器,可以查看对应的公网和私网IP,通过”远程连接“连接上这个云服务器,有许多文章对此有详细的使用说明,此处便不再赘述。 前端部署安装
转载
2023-09-21 14:34:36
292阅读
前提摘要:作为一个web前端工程师,很多的人都会认为写好你的静态页面就可以,你再闲点,那就整好你的各个框架就可ok啦,实则,搭建web服务器,也是我们前端开发人员必备的技能,因为跟我们写的工程如何被别人看见,或者如何被别人更好的看见是一个应该思考的问题,所以,前段时间一直在搭建web服务器,现在得空把步骤及操作经验记录下来,以备忘记时查阅。Start!一、前提当前的环境:本地系统:mac
目录前言一、后端项目1、系统架构设计2、技术细节1)、构建模块分层2)、模块之间引用3)、mybatis-plus配置和引入4)、mybatis-plus分页插件5)、代码生成器,代码里有注释6)、shiro框架引入二、前端项目1、系统架构设计2、技术细节前言根据公司要求,搭建个前后端分离的权限系统,根据目前技术技术水平,采用以下技术栈开发,以此写一份博客记录下构架的系统框架,同时希望能帮助因搭建
转载
2023-08-10 00:32:02
381阅读
本文将分享给大家的是前后端分离如何部署的知识,满满的都是干货,希望您能有所收获。
不少粉丝和客户朋友对于前后端分离怎么部署这个问题有很大的探索欲望。我们都知道,现在前后分离已经是发展趋势和潮流了,不少企业和客户都希望前后端分离,这样就能术业有专攻,前后端工程师能分出精力来专注于做好自己的事情,从而提升效率。本文将分享给大家的是前后端分离如何部署的知识,满
转载
2024-06-25 18:39:07
55阅读
部署React前端和Django后端的3种方法如果您要用Django REST开发web应用程序后端,并使用React或Vue开发应用程序前端。有很多方法实现。你需要做出很多选择:您的前端是独立的静态站点还是通过Django视图实现?你把后端和前端放在不同的子域上吗?您是单独部署后端和前端,还是一起部署?你怎么选择?哪一种是“正确的方式”?坏消息是,没有正确的方式来做这件事,而且有很多东西要权衡。
转载
2024-02-10 12:57:43
120阅读
1. 项目部署在本章节,我们要做的是项目的部署,包含前端项目的部署,及后端项目的部署。1.1 部署架构PC端: 主要是为餐厅的员工及管理员使用的后台管理系统,对分类、菜品、套餐信息进行维护。移动端: 可以基于微信公众号或小程序实现,我们课上并未实现,这部分的工作是前端开发人员需要开发的。前端部署服务器: Nginx后端部署服务器: Tomcat(内嵌)1.2 环境说明由于我们的服务器数量有限,就使
转载
2024-05-07 19:30:03
52阅读
Web——Nginx+Tomcat实现负载均衡、动静分离一、Tomcat简介二、Nginx负载均衡原理三、Nginx动静分离原理四、Nginx+Tomcat动静分离、负载均衡配置步骤4.1、部署两台Tomcat服务器4.2、配置Nginx负载均衡服务器4.3、动静分离配置1)、Tomcat1 server 配置2)、Tomcat2 server 配置3)、Nginx server 配置五、访问测
转载
2024-04-11 13:35:35
326阅读