CentOS 下 vue+nginx 部署项目

以下只说明如何进行部署项目，默认安装好相关环境。
vue 项目需要安装好npm 相关环境，将打包好的dist目录上传只服务器中，通过serve启动项目。
nginx环境可以参考nginx安装

Nginx 配置

• 主要需要在nginx配置文件中进行相关的配置。

cd /usr/local/nginx/conf
vim nginx.conf

• nginx.conf文件
  如果有多个应用，只需要配置多个server即可。

user   root; # 对应linux 用户， 否则会出现没有权限的问题
worker_processes  1;

#pid    logs/nginx.pid;


events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    index x.html;
    autoindex on;
    server_names_hash_bucket_size 64;
    client_max_body_size 10m;

    sendfile        on;
    keepalive_timeout  65;

    access_log  logs/access.log; # 日志文件

    server {
        listen 3000;

        server_name  localhost;

        gzip on;
        gzip_min_length 100;
        gzip_types text/plain text/css application/xml application/javascript;
        gzip_vary on;
        
        location / {
            root   /home/admin/erp/dist/; # vue 项目路径
            index  index.html index.htm;
            try_files $uri $uri/ =404;
        }
		
		location /jshERP-boot/ {
				proxy_set_header Host $host;
				proxy_set_header X-Real-IP $remote_addr;
				proxy_set_header REMOTE-HOST $remote_addr;
				proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
				proxy_pass http://localhost:9999/jshERP-boot/; # 后台路由
		}
       
    }
    
}

• 配置完成之后需要使用指定的配置文件重新启动nginx

./nginx -s reload -c /usr/local/nginx/conf/nginx.conf

问题

当启动程序之后，我们可以能需要各种问题，比如500，403之类的问题。可以查看相关日志信息。

cd /usr/local/nginx/log

使用如下命令即可查看错误信息。

cat error.log