windows 11 前后端项目部署

本文详细介绍了在Windows环境下安装和配置JDK、Tomcat、MySQL、Nginx,以及进行前后端部署和设置域名的过程,包括环境变量配置、数据导入和外部访问方式等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

1.准备环境:

2.安装jdk

测试:win+r 输入cmd

3.安装tomcat

4.安装mysql

远程导入数据:

外部后台访问:192.168.232.1:8080/crm/sys/loginAction.action?username=zs&password=123

5.安装nginx

前后端部署:

2.1修改nginx.conf文件

把静态文件加到html文件当中

启动nginx即可

3.设置域名

4.外部访问


1.准备环境:
  • jdk 1.8

  • tomcat 9.0(版本自选)

  • nginx

  • mysql 8.0

2.安装jdk

下载地址:Oracle | Cloud Applications and Cloud Platform 进入oracle官网

下载安装包官网:双击安装

配置环境变量

 CLASSPATH;JAVA_HOME;修改path

测试:win+r 输入cmd
java -version

3.安装tomcat

下载地址:Apache Tomcat® - Apache Tomcat 9 Software Downloads

官网下载:安装启动bin目录

start.sh启动
#端口号加tomcat端口8080 浏览器访问  
发布项目 webapps  #修改数据库连接池

4.安装mysql

下载地址:MySQL :: MySQL Downloads

官网下载安装

安装文档:

安装mysql

mysqld -install
初始化mysql

mysqld --initialize-insecure --user=mysql 
启动mysql服务

net start mysql
登入mysql设置密码

登入:mysql -uroot -p
设置密码:set password for 'root'@'localhost'=password('123'); 
刷新权限

flush privileges;
远程导入数据:

外部后台访问:192.168.232.1:8080/crm/sys/loginAction.action?username=zs&password=123

 

5.安装nginx

前后端部署:

官网下载安装文件

注意nginx一定要安装到没有中文的目录下面

 

2.1修改nginx.conf文件
1.加上反向代理集群集群
2.加上api反向代理
  • 反向代理集群集群

  • 加上api反向代理

把静态文件加到html文件当中

启动nginx即可

3.设置域名

4.端口访问

开放端口:

浏览器访问:

<think>嗯,用户问的是如何将前后端分离项目部Windows服务器,我需要根据提供的引用资料来整理回答。首先,引用里的三个资料都是关于前后端分离部署的,其中引用[2]和[3]专门提到了Windows服务器的情况,所以应该重点参考这两个。 用户的需求是具体的步骤,可能需要分后端和前端两部分来说。后端是Spring Boot,前端是Vue。记得用户需要详细的教程,所以每个步骤都要清晰。比如后端部署可能需要打包成JAR,配置生产环境,安装Java环境,然后运行。前端部分可能需要打包Vue项目,配置Nginx或者IIS,设置静态资源路径,处理跨域问题等。 还要注意引用中的细节,比如引用[2]提到后端部署需要安装JDK,并且使用命令行运行JAR包。而引用[3]提到服务器配置可能需要开放端口,比如8080和80端口。此外,部署前端时可能需要用IIS作为Web服务器,配置反向代理到后端API,这在引用[3]中有提到。 另外,用户可能遇到的问题比如跨域处理,或者静态资源路径不正确,这些需要提前考虑进去,给出解决方案。比如在Nginx配置中添加跨域头,或者在IIS中安装URL重写模块来设置反向代理。 还要确保步骤的逻辑顺序正确,比如先部署后端,再部署前端,因为前端需要调用后端的API。同时,环境准备部分要提到安装必要的软件,如Java、Node.js、Web服务器等。 最后,生成的相关问题要围绕部署过程中可能涉及的扩展问题,比如性能优化、HTTPS配置、自动化部署等,这样可以帮助用户进一步解决问题。需要检查引用是否支持这些相关问题的内容,比如引用[1]提到宝塔和ES安装,但用户问的是Windows,可能不需要这部分,但相关问题的部分可以适当扩展。</think>### 分步骤教程:前后端分离项目部Windows服务器 #### 一、环境准备 1. **服务器基础配置** - 开放必要端口(如后端API的`8080`,前端服务的`80`或`443`)[^3] - 安装系统运行库(如Visual C++ Redistributable) 2. **安装必要软件** - **后端依赖**:JDK 1.8+(Spring Boot运行环境) - **前端依赖**:Node.js(若需实时构建) - **Web服务器**:IIS 7+ 或 Nginx for Windows[^2][^3] --- #### 二、后端(Spring Boot)部署 1. **项目打包** ```bash mvn clean package -DskipTests ``` 生成`target/*.jar`文件 2. **配置文件调整** - 修改`application-prod.yml`: ```yaml server: port: 8080 spring: datasource: url: jdbc:mysql://localhost:3306/your_db?useSSL=false ``` 3. **部署运行** ```cmd java -jar your-application.jar --spring.profiles.active=prod ``` 建议使用`winsw`工具注册为Windows服务实现开机自启 --- #### 三、前端(Vue)部署 1. **生产环境构建** ```bash npm run build ``` 生成`dist`目录包含静态文件 2. **IIS部署配置** 1. 创建新网站,物理路径指向`dist`目录 2. 添加MIME类型: - `.json` → `application/json` - `.js` → `application/javascript` 3. 配置URL重写(反向代理): ```xml <rule name="API Proxy" stopProcessing="true"> <match url="^api/(.*)" /> <action type="Rewrite" url="http://localhost:8080/{R:1}" /> </rule> ``` [^3] --- #### 四、验证与调试 1. **后端验证** - 访问`http://服务器IP:8080/api/health-check` - 查看日志文件确认启动状态 2. **前端验证** - 访问`http://服务器IP`检查页面加载 - 使用浏览器开发者工具确认API请求状态(避免跨域问题) --- #### 五、常见问题解决 | 问题现象 | 解决方案 | |-------------------------|-----------------------------------| | 前端页面空白 | 检查静态资源路径/IIS目录权限 | | API返回404 | 确认反向代理规则/后端服务是否运行 | | 数据库连接失败 | 检查防火墙设置/数据库用户权限 | | 静态资源加载慢 | 启用IIS压缩/配置浏览器缓存 |
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

冷亿!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值