前后端分离部署方案比较，linux系统安装nginx部署vue项目

一、前言 前后端分离设计开发方案

1、前后端分离开发，分别部署

前端 vue 通过 npm run build 达成 dist 静态资源包，通过 nginx 来部署，
后台项目单独部署（例我司 java springboot 项目使用 tomcat 部署）
优点：静态资源部署在 nginx 上，可减轻应用服务器访问压力。

2、前后端分离开发，合并部署

前端 vue 打包的 dist 发给后台人员，后台同事将此放在 static/ 下作为静态资源直接打成 jar 包，部署到 Tomcat 服务器上。
优点：打包部署次数少，运维起来较方便。

二、linux系统安装nginx部署vue项目

1、安装nginx

sudo apt-get install nginx

2、将打包好的dist上传至服务器 例如：/root/Desktop/nginx

3、修改nginx的conf文件

cd /etc/nginx/conf.d

编辑文件，vim是linux公认的强大编辑器

vim conf.d

配置路径 端口

server {
  listen 80;
  server_name localhost;

  location / {
    root /root/Desktop/nginx;
    index /index.html;
  }

  location /adminApi {
    proxy_pass http://ip:port;
  }

}

点击ESC 输入:wq 回车保存文件并退出

重启生效

service nginx restart