linux环境nginx部署vue项目

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如果用代理了记得在打包之前关掉