前置条件:1. 一个域名2.一个前端打包项目3.一个后端打包项目4.一台阿里云虚拟机5. SSL的证书文件一、前端配置https1、准备一个vue项目,并且打包成dist包npm run build2、在阿里云上申请一个域名, 并且进行ICP备案(20天内完成)3、域名完成备案后, 申请SSL免费证书 此处的Nginx证书下载完后得到(domainName.key, domainName
## Docker 部署前后端分离 在现代 Web 开发中,前端和后端往往是分离开发和部署的。前端开发团队负责编写用户界面和交互逻辑,后端开发团队负责处理数据和业务逻辑。为了方便整体的部署和管理,我们可以使用 Docker 技术来部署前后端分离的应用。 ### Docker 简介 Docker 是一种容器化技术,它可以将应用及其依赖打包成一个可移植的容器,可以在不同的环境中运行。通过 Doc
原创 2023-07-22 11:49:19
203阅读
最近做了一个项目,前端用vue写了一个网站,后端用flask,并连接训练好的Pytorch模型。第一次将项目部署到云服务器,在部署的过程中花了挺多功夫,在此记录一下。具体配置前端:vue3后端:flask 2.2.2服务器:阿里云服务器服务器在阿里云购买所需配置的服务器,可以查看对应的公网和私网IP,通过”远程连接“连接上这个云服务器,有许多文章对此有详细的使用说明,此处便不再赘述。 前端部署安装
核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。这个步骤是系统架
转载 2023-10-20 19:43:12
32阅读
安装dacker开始安装1.安装软件包yum install -y yum-utils device-mapper-persistent-data lvm22.设置Docker yum源yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo3.查看所有可用版本yum list doc
原创 2023-06-13 16:28:17
208阅读
1点赞
1. 安装Docker1. 1  卸载旧版Docker首先如果系统中已经存在旧的Docker,则先卸载:yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-latest-logrotate \ do
原创 2024-04-11 12:07:26
0阅读
✅作者简介:大家好,我是Leo,热爱Java后端开发者,一个想要与大家共同进步的男人???当前专栏:✨特色专栏:?本文内容:Docker部署前后端分离项目?个人知识
原创 精选 2024-04-12 10:29:28
232阅读
# Docker 部署前后端分离项目指南 ## 一、整体流程 首先,让我们来看一下“docker 部署前后端分离项目”的整体流程。下面是一个简单的表格展示: ```mermaid journey title Docker 部署前后端分离项目流程 section 步骤 开始 --> 前端开发:开发前端代码 前端开发 --> 前端打包:打包前端代码
原创 2024-05-26 05:02:04
81阅读
# Docker 部署 Vue 前后端分离应用 随着前后端分离架构的流行,如何高效地部署前后端分离的应用成为了开发者面临的重要问题。Docker 提供了一种轻量级的虚拟化方式,可以帮助我们快速构建、打包和分发容器化应用。本文将介绍如何使用 Docker 部署一个前后端分离的 Vue 应用与 Node.js 后端。 ## 1. 准备工作 在开始之前,请确保您的机器上已安装以下工具: - Do
原创 10月前
150阅读
背景:我们所在的前端组是公司IT部门的一个公共技术组,承接公司各条业务线的WEB前端需求。这样就要求我们要有自己的前端服务器,这些服务器还要能够根据不同业务线需求与后端对接。这些服务器的结构如何,服务器与服务器之间有没有关联、服务器与业务线的关系如何、服务器与后端的配置如何才能通用,以上这些即是本文需要回答的问题。首先搞清楚需要怎样的服务器:Web前端必定是要走前后端分离模式的,nginx既可以代
本博文主要介绍如何使用Vue +SpringBoot实现前后端分离,实现简单登录功能。 本项目分为前端(vue)和后端(SpringBoot)两大模块。一、前端1.新建vue-cli项目进入cmd命令行,输入如下命令:C:\Users\Administrator>f: F:\>cd F:\Study\vue\projectpractice F:\Study\vue\pro
转载 2023-10-18 20:46:57
158阅读
目录: 一、什么是JWT 二、我们为什么要使用JWT(与传统的session认证有何区别) 三、如何使用JWT 四、JWT的构成及原理 五、JWT加解密实例一、什么是JWT JWT——Json web token 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准,可实现无状态、分布式的Web应用授权。二、我们为什么需要JWT? 首先,当前后端分离时我们会因为同源策略
转载 2023-07-18 19:50:08
101阅读
首先确保你安装了nodejs,安装教程和利用vue-cli初始化一个项目在这就不娓娓道来了。(这里用vue-cli构建的项目,如果不是,只需要在客户端更换成其他请求数据的方法就好了)我们先来搭建一下服务端吧!1>>在你的项目下新建一个server的文件夹,新建index.js和user.json,一个搭建服务器,一个用来存要返回客户端的json数据、2>> index.js
前后端分离的意义前后端分离,已成为互联网项目开发的业界标准使用方式前后端分离,会为以后的大型分布式架构、弹性计算架构、微服务架构打下坚实的基础。核心思想: 前端页面调用后端的restuful api接口,并使用json数据进行交互。服务器种类web服务器例如 nginx,apache这类服务器,一般只能解析静态资源。应用服务器例如 tomcat,jetty,resin这类服务器,可以解析动态资源,
# 若依前后端分离 Docker 部署详解 随着前后端分离架构的普及,很多开发者选择使用 Docker 来简化部署流程。Docker 提供了一个轻量级的容器化平台,可以将应用及其所有依赖打包到一个镜像中,使得部署更加一致和高效。本文将通过代码示例,介绍如何使用 Docker 部署若依框架的前后端分离项目。 ## 一、项目结构 假设我们的项目结构如下: ``` project ├── bac
原创 10月前
233阅读
1.当使用haproxy做负载均衡时,注意要在数据库集群中创建haproxy账号,用于集群心跳检测:CREATE USER 'haproxy'@'%' IDENTIFIED BY '';测试:访问地址http://虚拟机ip:4001/dbs   输入账号admin , 密码: abc123456   , 当所有mysql显示为绿色时代表集群正常 
原创 2022-07-14 13:34:40
82阅读
# Docker Compose 部署前后端分离项目 在开发和部署项目时,经常会遇到前后端分离的情况。为了简化部署流程和提高开发效率,我们可以使用 Docker Compose 来管理前后端分离的项目。Docker Compose 是 Docker 官方推出的一个工具,用于定义和运行多个容器的应用。 在本文中,我们将介绍如何使用 Docker Compose 部署一个前后端分离的项目。我们将以
原创 2024-06-21 06:40:57
219阅读
前言环境:centos7.9 docker-ce-20.10.9 kubernetes-version v1.22.6容器应用必须以前台方式运行每个docker容器必须要有一个前台进程一直运行,因为docker容器并不是虚拟机,是利用linux的cgroup和namespace隔离的,在宿主机上本质是个隔离的进程,例如一个容器的主进程是启动nginx,使用命令systemctl start ngi
前后端分离并不是什么新鲜事,到处都是前后端分离的实践。然而一些历史项目在从一体化 Web 设计转向前后端分离的架构时,仍然不可避免的会遇到各种各样的问题。由于层出不穷的问题,甚至会有团队质疑,一体化好好的,为什么要前后端分离?说到底,并不是前后分离不好,只是可能不适合,或者说……设计思维还没有转变过来…… 一体式 Web 架构示意 前后分离式 Web 架构示意为什么要前后端分离
问题描述:为了实现前后端的彻底分离,我们彻底放弃使用.jsp的方式在前端显示页面中穿插java代码,但是带来的问题也比较明显,就是前端向后台发出请求的时候可能会出现跨域的问题,浏览器为了安全会阻止跨域请求。目前有一种很好的方法是使用node.js来解决这个问题,现在我提出另外几种解决方案,虽说也同样会带来一些安全等方面的问题,但也不失是一种方法,可以参考一下的。一、前后端发布项目的端口不同。这样带
  • 1
  • 2
  • 3
  • 4
  • 5