linux nginx 部署vue工程
步骤如下:
- vue 运行包编译
- Nginx安装部署,修改nginx配置,指定vue运行目录
详细描述:
- vue工程终端执行: npm run build
生成 dist文件夹 - 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 目录
相关信息检查:
- nginx 安装成功,浏览器输入服务器ip地址提示如下(或者使用ps -ef | grep nginx 查看进程)