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 目录

linux nginx 部署vue工程

相关信息检查:

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

linux nginx 部署vue工程

相关推荐