linux-nginx-部署vue工程

步骤如下：

1. vue 运行包编译
2. Nginx安装部署，修改nginx配置，指定vue运行目录

详细描述：

1. vue工程终端执行： npm run build
   生成 dist文件夹
2. nginx部署

（1）下载nginx安装包:
wget https://nginx.org/download/ng…

（2）解压:
tar zxf nginx-1.17.3.tar.gz

cd nginx-1.17.3

（3）执行指令进行编译：
./configure –prefix=/usr/local/nginx –pid-path=/var/run/nginx/nginx.pid –lock-path=/var/lock/nginx.lock –error-log-path=/var/log/nginx/error.log –http-log-path=/var/log/nginx/access.log –with-http_gzip_static_module –http-client-body-temp-path=/var/temp/nginx/client –http-proxy-temp-path=/var/temp/nginx/proxy –http-fastcgi-temp-path=/var/temp/nginx/fastcgi –http-uwsgi-temp-path=/var/temp/nginx/uwsgi –http-scgi-temp-path=/var/temp/nginx/scgi

make

make install

（4）修改nginx.conf 配置文件
vi /user/local/nginx/conf/nginx.conf

添加dist访问路径 例如： 将编译好的vue dist文件放置在 /home/server/vue/dist 目录

相关信息检查：

1. nginx 安装成功，浏览器输入服务器ip地址提示如下（或者使用ps -ef | grep nginx 查看进程）