步骤如下:
- 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 查看进程)