linux环境nginx部署vue项目

先将vue打包
这里写图片描述
上传到服务器随意目录下,进入到你上传的那个目录下
解压 unzip dist.zip (或者直接解压后再上传)
如果提示命令未找到 可能是没有安装unzip
安装unzip zip:yum install -y unzip zip
我的路径:
这里写图片描述
配置nginx conf下的nginx.conf

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    server {
    listen 9099;             # 监听端口
    server_name _;           # _代表匹配所有
    root /usr/local/jsw/dist/; # 站点根目录
    index index.html;
    }
}

注:如果你是基于spring boot jar+vue,此处监听的端口不是你后台项目的端口,而且不要占用,可以用netstat -ntlp查看tcp端口情况。然后注意一下监听的端口是否已经暴露

然后启动nginx 常用命令如下:
//启动
nginx安装路径下的/sbin/nginx
//停止
nginx安装路径下的/sbin/nginx -s stop
//重启
nginx安装路径下的/sbin/nginx -s reload
//查看进程
ps -ef | grep nginx

这里写图片描述

http://你的ip:端口
这里写图片描述
vue如果用代理了记得在打包之前关掉

Logo

前往低代码交流专区

更多推荐