江苏龙网

  1. 主页 > 生活百科 > >

windows基于nginx部署Spring-boot+vue前后端分离项目

vue

一、部署准备
安装数据库、jdk、Nginx、域名证书
1、下载 nginx，官方网址如下：http://nginx.org/en/download.html
2、解压安装包到任意目录 如：G:nginx
二、前端部署
1、打开前端项目，执行打包命令 如：npm run build
2、进入前端项目的dist目录，把里面的文件都复制到nginxhtml 下（注意：需要覆盖掉nginxhtml 下的index.html）
3、配置完整项目的默认端口，打开 nginxconfnginx.conf，找到 server 的配置处，然后按照下面来更改：
server {
listen 80;
server_name localhost;//可更改为域名地址
#charset koi8-r;
#access_log logs/host.access.log main;
#root存放前端项目的目录地址，这里采用默认配置，即nginx/html目录,可更改为指定目录地址路径如：
#index配置首页文件
location / {
root html;
index index.html index.htm;
}
#这里解决跨域问题，后端地址及端口号
location /api/ {
proxy_pass http://127.0.0.1:8080$request_uri;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-real-ip $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
主要是改三个地方，listen配置项目的端口号， location / 配置前端项目的目录， location /api/ 配置后端地址解决跨域问题 。
4、配置完成后，启动命令行进入 nginx 目录下输入命令启动nginx：start nginx，访问 http://localhost:80/  。到此，前端部署完成，接下来到后端 。
三、后端部署war方式部署把war文件放到Tomcat/webApps/目录下，重命名为api.war，启动tomcat
jar方式部署打开cmd命令进入到jar文件所在目录下，执行 JAVA -jar xxx.jar
可使用winsw将jar包部署成系统服务，具体看

【windows基于nginx部署Spring-boot+vue前后端分离项目】


    推荐阅读


    上一篇：新一代HTAP数据库崛起，MySQL生态的最佳归宿？

    下一篇：文本理解算法在抖音风控上的应用