乐趣区

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 查看进程)

退出移动版