前後端分離部署方案比較，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

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

3、修改nginx的conf檔案

編輯檔案，vim是linux公認的強大編輯器

配置路徑 端口

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