当前位置: 首页 > 后端技术 > Node.js

linuxnginx部署vue项目

时间:2023-04-03 17:47:40 Node.js

步骤如下:vuerunpackagecompileNginx安装部署,修改nginx配置,指定vue运行目录详细说明:vue项目终端执行:npmrunbuild生成dist文件夹nginx部署(一)下载nginx安装包:wgethttps://nginx.org/download/ng...(2)解压:tarzxfnginx-1.17.3.tar.gzcdnginx-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/scgimakemakeinstall(4)修改nginx.conf配置文件vi/user/local/nginx/conf/nginx.conf为添加dist访问路径例如:将编译好的vuedist文件放在/home/server/vue/dist目录下,查看相关信息:nginx安装成功,浏览器输入服务器ip地址如下(或者使用ps-ef|grepnginx查看进程)