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.htmllocation / { 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 容器完成对象的注入。
