前言
使用nginx部署前后分离项目，后端为go，前端Vue，部署的服务器环境是CentOS7
整个流程大抵分为三个块：
1.安装需要的依赖环境
2.安装用来部署的nginx
3.改nginx配置部署项目
1、依赖环境问题
1.gcc安装
yum install gcc-c++
# 安装 nginx 需要先将官网下载的源码进行编译，编译依赖 gcc 环境，如果没有 gcc 环境，则需要安装
2.PCRE pcre-devel 安装
yum install -y pcre pcre-devel
# nginx 的 http 模块使用 pcre 来解析正则表达式，所以需要在 linux 上安装 pcre 库，pcre-devel 是使用 pcre 开发的一个二次开发库。nginx也需要此库
3.zlib 安装
yum install -y zlib zlib-devel
# nginx 使用 zlib 对 http 包的内容进行 gzip
4.OpenSSL 安装
yum install -y openssl openssl-devel
2、安装Nginx
1.安装包
wget -c https://nginx.org/download/nginx-1.12.0.tar.gz
# 解压
tar -zxvf nginx-1.12.0.tar.gz
cd nginx-1.12.0
2.配置
./configure
3.编译安装
make
make install
# 安装路径。whereis nginx
4.启动、停止nginx
cd /usr/local/nginx/sbin/
./nginx
./nginx -s stop
./nginx -s quit
./nginx -s reload
5.端口占用错误解决
yum install net-tools
6.配置开机自启动
vi /etc/rc.local
# 添加
/usr/local/nginx/sbin/nginx
# 设置权限
chmod 755 rc.local
3.部署前后分离项目
1.上传需要部署的项目
前端项目需要用 npm run build 打包
找到目录下的 dist 文件夹，上传到需要部署的服务器
后端项目直接上传，记得启动，可编译的项目编译后启动。
2.打开配置文件
vi /usr/local/nginx/conf/nginx.conf
3.配置里面的server
daemon on;
worker_processes 50;
#error_log /dev/stdout warn;
error_log /var/log/nginx/error.log error;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
# See http://licson.net/post/optimizing-nginx-for-large-file-delivery/ for more detail
# This optimizes the server for HLS fragment delivery
sendfile off;
#tcp_nopush on;
keepalive_timeout 65;
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
'$status $body_bytes_sent "$http_referer" '
'"$http_user_agent" "$http_x_forwarded_for"';
#access_log /dev/stdout combined;
# ssl_ciphers HIGH:!aNULL:!MD5;
# ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
# ssl_session_cache shared:SSL:10m;
# ssl_session_timeout 10m;
server {
listen 80;
server_name xxx.xxx.xx.xxx;
# Uncomment these lines to enable SSL.
# Update the ssl paths with your own certificate and private key.
# listen 443 ssl;
# ssl_certificate /opt/certs/example.com.crt;
# ssl_certificate_key /opt/certs/example.com.key;
location / {
root /usr/loacl/xxx; # 前端的dist文件需要和nginx配置路径相同
try_files $uri $uri/ /index.html;
index index.html;
}
# 添加拦截路径和代理地址
location /api/ {
# 添加头部信息
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-Port $server_port;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
proxy_pass http://xxx.xxx.xxx.xxx:xxxx/;
}
}
}
4.检查配置文件是否正确
nginx -t
5.重启nginx
./nginx -s reload
6.配置注意事项
# 让nginx拦截所有带/api/的请求,转发到后端服务器,就可以解决跨域的问题
# location如果一个特定的url 要使用别名，不能用root，alias指定的目录是准确的，root是指定目录的上级目录
# 注意：使用代理地址时末尾记得加上斜杠"/"。
# 这里用的root用户，如果用其他用户，可能访问静态资源会被禁止访问（403），需要“chmod 755 静态资源路径 ” 授权，授权的时候要逐级授权，
