Nginx前端部署

1. 前端打包

执行如下命令，构建前端代码，构建成功后会在目录dist下生成构建完成的文件，将dist整个文件夹拷贝到服务器中
npm install
npm run build dev

2.nginx配置

进入nginx目录/usr/local/nginx/conf，修改nginx.conf文件，将root参数路径指向你的构建文件

server {
	 listen       80;
	 server_name  localhost;
	 root   /work/lsw-web-system/dist;
	 index  index.html index.htm;  
	 #处理vue-router路径Start
	 #如果找不到路径则跳转到@router变量中寻找,找到了就默认进入index.html
	 location / { 
		 try_files $uri $uri/ /index.html last;
		 index  index.html index.htm;
	 }
	 #处理访问时不能访问到接口的问题
	 location /sdb_platform{
		#后端接口地址
		proxy_pass http://10.44.157.202:8080;
		add_header Content-Type "text/plain;charset=utf-8";
		add_header 'Access-Control-Allow-Origin' '*';
		add_header 'Access-Control-Allow-Credentials' 'true';
		add_header 'Access-Control-Allow-Methods' 'GET, POST';
	}
}

3.nginx 的安装

安装nginx作为web服务器：

安装前需要安装PCRE库：

wget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.39.tar.gz

安装zlib库

wget http://zlib.net/zlib-1.2.11.tar.gz

安装openssl

wget https://www.openssl.org/source/openssl-1.0.1t.tar.gz
先解压，之后切换到具体库目录下分别执行以下命令
（注意openssl：./config && make && make install）：
./configure && make && make install

正式开始安装nginx：

wget http://nginx.org/download/nginx-1.1.10.tar.gz
tar -zxvf nginx-1.1.10.tar.gz
cd nginx-1.1.10
./configure --sbin-path=/usr/local/nginx/nginx --conf-path=/usr/local/nginx/nginx.conf --pid-path=/usr/local/nginx/nginx.pid --with-http_ssl_module --with-pcre=../pcre-8.42 --with-zlib=../zlib-1.2.11 --with-openssl=../openssl-1.1.1a --with-http_stub_status_module --user=nginx --group=nginx

如果只执行./configure会出现一个问题./nginx: error while loading shared libraries: libpcre.so.1: cannot open shared object file: No such file or directory
用：ldd $(which /usr/local/nginx/sbin/nginx) 进行查看
切换到/usr/lib 或者/usr/lib64 目录下建立软链接：ln -s libpcre.so.0.0.1 libpcre.so.1
软连接建立以后启动nginx会成功！！！

4.Nginx 常用命令

前提：切换到nginx目录的sbin目录下可以执行以下命令

  ./nginx  
  #快速停止或关闭Nginx
  ./nginx -s stop
  #正常停止或关闭Nginx
  ./nginx -s quit
  #配置文件修改重装载命令
  ./nginx -s reload

将对象之间的相互依赖关系交给 IOC 容器来管理，并由 IOC 容器完成对象的注入。