一、认识前后端分离可能很多人会有误解,认为web应用的开发期进行了前后端开发工作的分工就是前后端分离。但其实前后端分离并不只是开发模式,而是web应用的一种架构模式。在开发阶段,前后端工程师约定好数据交互接口,实现并行开发和测试;在运行阶段前后端分离模式需要对web应用进行分离部署前后端之前使用HTTP或者其他协议进行交互请求。二、为什么要进行前后端分离在以前传统的网站开发中,前端一般扮演的只是
转载 2024-10-31 19:49:38
28阅读
前后端没有进行分离开发的时候,一个web项目里面,因为在同一个com文件夹,前后端的交互,尤其是ajax的访问是在本域内,是不存在这种问题的。但是为了实现程序开发的高效率和分工合作,前后端分离开发,越来越成为流行趋势。更重要的是,前后端分离部署,更便利于对项目高并发、负载均衡等性能的调优。Nginx是近年比较流行的一个开源服务器,用于部署前端项目,非常容易上手。其实ajax跨域访问的解决方式有很
目录 前言服务器环境搭建windows开发环境SSM搭建加入redis(注解形式)nginx与tomcat关联配置,完成前后端连接前言本次采用前后端分离模式,前端以html、css、js为组成模式,后端以spring全家桶的"手动挡"模式SSM作为基础。nginx启动前端,并管理静态文件,tomcat启动后端,管理动态数据,mysql作为应用数据库。开发环境后端工程采用maven工程,并
一、看完本教程你会学到 项目下载 运行 配置 打包 前后端部署 linux环境下操作软件 git基本操作 maven基本操作 nginx基本操作 node基本操作 docker简单使用 redis基本操作 mysql基本操作 二、系统环境需求 阿里云CentOS8.2 JDK >= 1.8 MyS ...
转载 2021-10-11 13:08:00
325阅读
2评论
2、服务器端打包部署
原创 2024-07-13 17:12:26
172阅读
标题:Kubernetes中部署前后端项目的方法及实例 摘要:Kubernetes (K8s) 是一个开源的容器编排工具,用于自动化管理容器化应用的部署、扩展和操作。本文将指导一位刚入行的开发者如何将前后端项目部署Kubernetes中,并提供代码示例。 导言: 在现代软件开发中,前后端分离的架构已经成为一种常见的实践模式。而Kubernetes是当下最流行的容器编排工具之一,它提供了一种管
原创 2024-02-04 10:29:01
183阅读
目录 1、pom.xml加thymeleaf的依赖2、controller写个方法跳转到index.html3、resource下新建static,放index.html、图标,其它静态文件把打好的包拷过来打包时jar、war都行 vue静态资源目录:src/assets下新建css文件夹、img文件夹、js文件夹,引入是@/xxxx/xx,@代表assets目录。 js的模块化开发:expost 暴露出去import引入,如果导入整个js文件,可以缺省
原创 2021-09-07 16:00:08
435阅读
Nginx+Tomcat一、概述二、原理2.1 Nginx处理静态页面的优势2.2 Nginx动静分离原理三、Nginx配置反向代理主要参数四、模拟实验4.1 配置Tomcat Server1、Server24.2 配置Nginx server4.3 浏览器访问测试 一、概述Nginx服务器作为前端,Tomcat服务器作为后端,web页面请求由Nginx服务来进行转发。 但不是把所有的web请求
转载 2024-04-11 10:58:26
172阅读
文章目录 前言 一、环境准备 二、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阅读
项目详情:后端用java+python写的,前端用vue写的项目部署时候遇到的问题:数据库问题、端口问题、访问页面ip问题、前端从windows下放到linux下遇到的问题。。。。数据库问题:  数据库python跟Tomcat都要更改,改成统一的数据库。 python需要改两个地方,一个是项目下的conf.py文件下的数据库,另一个是Algorithms文件下的people.py文件下
转载 2023-07-06 23:48:18
191阅读
前置条件:1. 一个域名2.一个前端打包项目3.一个后端打包项目4.一台阿里云虚拟机5. SSL的证书文件一、前端配置https1、准备一个vue项目,并且打包成dist包npm run build2、在阿里云上申请一个域名, 并且进行ICP备案(20天内完成)3、域名完成备案后, 申请SSL免费证书 此处的Nginx证书下载完后得到(domainName.key, domainName
nginx安装下载依赖环境yum -y install gcc pcre-devel zlib-devel openssl openssl-devel安装cd /usr/local mkdir nginx cd nginx wget http://nginx.org/download/nginx-1.13.4.tar.gz tar -xvf nginx-1.13.4.tar.gz cd nginx
转载 2024-03-19 20:48:27
45阅读
目录前置条件方法一:把前端项目打包,作为后端项目的静态文件,再把后端项目部署在应用服务器中方法二: 把前端项目部署在 web 服务器中,把后端项目部署在应用服务器中 前置条件首先需要我们写好两个项目(分别是前端和后端的),要写好前后端接口 接口按照我这样写,我这里使用的是axios,使用方法可以参考我的另一篇博客:vue cli4使用axios(通过RAP2生成后端接口) 这个项目先运行后端再运
vue+drf的前后端分离部署笔记前端部署过程端口划分:vue+nginx的端口 是81 vue向后台发请求,首先发给的是代理服务器,这里模拟是nginx的 9000 drf后台运行在 9005端口上1.获取前端代码wget2.解压缩,准备编译前端代码unzip 07-luffy_project_01.zip3.下node源码,配置nodejs编译环境wget https://nodejs.
转载 2024-01-02 23:15:08
87阅读
【AI时代个人产品开发指南】本文提供一站式云服务器环境搭建教程,推荐使用雨云服务器(优惠码NjQ0NjI5享15%折扣)。详细步骤包括:1)Java/MySQL/Nginx/Node.js环境配置;2)前后端项目打包与上传;3)后端服务部署与开机自启设置;4)Nginx反向代理配置(80端口转发8080)。特别说明:前端静态文件部署在/var/www/html,API请求通过location/api/实现代理。完整流程可帮助开发者快速上线全栈应用,雨云服务器测试稳定且性价比高。(149字)
转载 17天前
340阅读
### 前端项目部署Nginx #### 一、流程概述 在实际项目中,将前端项目部署Nginx有以下几个主要步骤: | 步骤 | 操作 | | ---- | ---- | | 1 | 将前端项目打包生成静态文件 | | 2 | 部署Nginx服务器 | | 3 | 配置Nginx服务器 | | 4 | 将打包好的前端项目文件复制Nginx的web目录下 | #### 二、具体操作
原创 2024-04-23 19:02:12
120阅读
Vue项目部署Nginx 在现代的Web开发中,前端框架如Vue.js的应用已经成为主流。而为了让用户能够访问和使用这些应用,我们需要将这些前端应用部署一个Web服务器上,比如Nginx。本文将向大家展示如何将一个Vue项目部署Nginx服务器上。 整个部署过程可以分为以下几个步骤: | 步骤 | 详细说明 | | ---- | -----------
原创 2024-05-21 10:44:56
45阅读
一、项目架构1.项目初始化开发架构: 前后端分离 准备阶段: 首先全局安装node.js 官网地址:https://nodejs.org/en/ 项目用的是express框架,npm包管理工具 express中文网:https://www.expressjs.com.cn/ 可以用express项目生成器快速生成express框架结构 全局安装express生成器:npm
# Java项目部署Nginx ## 概述 在本文中,我将向你介绍如何将一个Java项目部署Nginx服务器上。首先,让我们来了解一下整个部署过程的流程。 ## 部署流程 下表展示了将Java项目部署Nginx的步骤: | 步骤 | 描述 | | --- | --- | | 步骤 1 | 编写Java项目 | | 步骤 2 | 打包Java项目 | | 步骤 3 | 部署Java项目
原创 2023-12-07 15:36:19
63阅读
Linux Nginx部署前后端分离的Java Web项目(Vue+Springboot)系统(CentOS 8)环境准备工作:- Java JDK的安装和配置(Java 8) - Nginx的安装与配置 - MySQL的安装与配置、项目数据库的建立测试找的一个项目demo地址:https://gitee.com/xqnode/springboot-vue-demo一、项目分析部署Linux服务
  • 1
  • 2
  • 3
  • 4
  • 5