前话在前后端分离模式开发项目、部署时，总会不可避免的碰到跨域问题，前前后后也查了不少资料，用了不少解决方案，能解决，但总感觉不太适合。 在经过多番查询、实践，日积月累下也慢慢摸索出一套解决方案。再结合项目部署场景，统一做一次记录。问题复现我们在开发时，将前后端分离项目分为 两个前端（客户端、管理端）、一个后端（服务端），两个前端各尽其责，由后端进行统筹。 如此一来，一个项目就启动了三个端口服务，如
转载
2024-06-08 15:03:52
69阅读
在本章节，我们要做的是项目的部署，包含前端项目的部署，及后端项目的部署。 前端部署服务器： Nginx后端部署服务器： Tomcat(内嵌)1.2 环境说明由于我们的服务器数量有限，就使用这三台服务器，具体的软件规划如下: Nginx、MySQL的主从复制、Redis、JDK、Git、Maven都已经安装及配置了，这里我们就不再演示软件的安装了。1.3 前端部署1). 在服务器A(192
转载
2023-12-28 12:26:39
207阅读
手把手教你部署前后端项目到云服务器一. Springboot项目打包成jar包二. mySql部署三. UI 项目部署 一. Springboot项目打包成jar包使用IDEA进行打包，当然也有其他部署方式，如使用maven进行打包，可自行查询资料。 1.打开项目，右击项目选中Open Module Settings进入project Structure，如下图所示： 2.选中Artifacts
转载
2024-04-15 11:17:54
121阅读
背景：我们所在的前端组是公司IT部门的一个公共技术组，承接公司各条业务线的WEB前端需求。这样就要求我们要有自己的前端服务器，这些服务器还要能够根据不同业务线需求与后端对接。这些服务器的结构如何，服务器与服务器之间有没有关联、服务器与业务线的关系如何、服务器与后端的配置如何才能通用，以上这些即是本文需要回答的问题。首先搞清楚需要怎样的服务器：Web前端必定是要走前后端分离模式的，nginx既可以代
转载
2024-03-26 09:52:32
26阅读
如何实现nginx部署前后端
当我们开发一个网站或者应用时，通常会涉及到前端和后端的部署。而nginx作为一个高性能的web服务器，可以用来实现前后端分离部署。在本篇文章中，我将教会你如何实现nginx部署前后端。
整个过程可以分为以下几个步骤：
| 步骤 | 内容 |
| -----| -----|
| 1 | 准备前端代码和后端代码 |
| 2 | 安装nginx |
| 3 | 配置n
原创
2024-05-22 10:17:18
222阅读
项目简介阿里百秀，内容管理系统，分为内容管理和内容展示两大核心功能。1. 功能模块1.1 内容管理模块功能用户登录、退出、用户增删改查文章文章管理分类分类管理评论评论管理网站设置关键字、描述、网站logo、轮播图1.2 内容展示模块功能首页导航、文章数据展示列表页根据分类显示文章列表详情页文章详情数据展示、实现评论功能2. 开发模式2.1 前后端混合开发模式前端：客户端 后端：服务端 所有HTML
转载
2024-08-08 20:48:44
26阅读
文章目录 前言 一、环境准备 二、SpringBoot项目打jar包 1.1 使用Maven的package插件打包 1.2 上传至Linux服务器 三、Vue项目打包 1.1 修改后台请求地址 1.2 生成dist文件 1.3 上传至linux服务器 三、配置Nginx 四、启动项目 1.1 启动Nginx服务器 1.2 启动SpringBoot 1.3 访问项目 总结 前言 Java企业开发少
转载
2024-03-24 16:58:07
188阅读
项目部署环境：CentOS 7.6原生部署前端安装web服务器（nginx）步骤：下载解压，编译，添加环境变量，启动，查看启动情况 https://nginx.org/en/download.html // 下载地址curl -o nginx-1.24.0.tar.gz https://nginx.org/download/nginx-1.24.0.tar.gz // 下载命令
tar -zxvf
转载
2024-06-26 17:01:14
26阅读
首先确保你安装了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 中使用 Element UI然后再实现了后端登录接口：Spring Boot + Vue 前后端分离项目 -- 后端登录接口实现现在可以进行前后端登录接口对接了。准备工作1、安装 axios在 vue 项目中，需要使用 axios 发送网络请求，安装命令如下：npm install axios安装完毕后，package.json 文件中，会出现 axio
转载
2023-08-20 10:11:19
253阅读
在前端或者后端的学习过程中，我们一定或多或少听说过前后端分离开发，但是相信不少人对于前后端分离这个概念仍然不是很清楚，因此本文就对什么是前后端分离开发做一个介绍。一、什么是前端和后端在理解前后端分离的概念之前，我们首先要明白什么是前端和后端。前端指的是用户可见的界面，网站前端页面也就是网页的页面开发，比如网页上的特效、布局、图片、视频，音频等内容。前端的工作内容就是将美工设计的效果图的设计成浏览器
转载
2023-12-14 13:53:06
261阅读
一、前言”前后端分离“已经成为互联网项目开发的业界标杆，通过Tomcat+Ngnix(也可以中间有个Node.js)，有效地进行解耦。并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。前后端分离(解耦)的核心思想是：前端Html页面通过Ajax调用后端的RestFul API并使用Json数据进行交互
转载
2023-12-04 20:30:56
73阅读
最近做了一个项目，前端用vue写了一个网站，后端用flask，并连接训练好的Pytorch模型。第一次将项目部署到云服务器，在部署的过程中花了挺多功夫，在此记录一下。具体配置前端：vue3后端：flask 2.2.2服务器：阿里云服务器服务器在阿里云购买所需配置的服务器，可以查看对应的公网和私网IP，通过”远程连接“连接上这个云服务器，有许多文章对此有详细的使用说明，此处便不再赘述。 前端部署安装
转载
2023-09-21 14:34:36
292阅读
目录零、序言:一、安装jdk二、安装Tomcat三、安装Nginx四、配置Nginx + Tomcat 动静分离五、Nginx手机端电脑端页面分离配置六、安装MySQL并进行一些基本的配置，以及sqlyog报错1103和2508问题的解决七、结语零、序言:此教程基于阿里云的centos7系统下，使用xshell终端进行配置小编是个前端工程师，本来搭建网站用宝塔面板玩，就无脑操作，前一段时间需要搭建
转载
2024-06-27 09:20:18
189阅读
Linux环境下-SpringBoot 前后端分离项目的部署一、前言 本文记录的是基于Nginx服务器搭建、配置完成后的项目部署流程案例，仅用于记录和参考使用，若有不当之处，欢迎指正。二、环境SpringBoot + Vue + Nginx三、项目部署步骤1、Xshell下载安装 我连接Linux用的是Xshell 6，文件传输使用的是其自带的Xftp 6，软件本身是收费的，但官方提供了“家庭
转载
2024-03-29 15:52:22
42阅读
nginx的两种用法：打通前后端项目，前后端分离的项目，通过nginx建立连接负载均衡，一台机器请求转发至多个服务器1. 前后端分离项目，打通前后端项目前端项目中的配置：后端项目的ip和端口号就是正常的下面看看nginx的配置文件：将打包后的前端项目放这里：vue项目打包后会生成一个dist文件夹 放在服务器上： 如果说前端的项目有改动，或者nginx.conf有改动，则重启nginxcd /us
转载
2024-04-01 22:11:15
807阅读
本人用的是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阅读
前后端分离项目springBoot +shiro权限控制+redis本次使用shiro主要实现以下几个功能 1.用户没有登录无法访问任何为权限控制的接口 2.用户登录后只能访问该用户所拥有的权限,实现了对后端接口颗粒级的权限控制 3.两个用户登录同一个账号时,后登录的用户会将先登录的用户挤掉一.数据库设计用户表 user 角色表role 用户角色中间表user_role资源权限表resource
转载
2024-03-28 16:08:05
50阅读
背景：我们所在的前端组是公司IT部门的一个公共技术组，承接公司各条业务线的WEB前端需求。这样就要求我们要有自己的前端服务器，这些服务器还要能够根据不同业务线需求与后端对接。这些服务器的结构如何，服务器与服务器之间有没有关联、服务器与业务线的关系如何、服务器与后端的配置如何才能通用，以上这些即是本文需要回答的问题。首先搞清楚需要怎样的服务器：Web前端必定是要走前后端分离模式的，nginx既可以代
转载
2024-04-11 21:09:59
52阅读
