CentOS 下 vue+nginx 部署项目

导读:本篇文章讲解 CentOS 下 vue+nginx 部署项目,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

以下只说明如何进行部署项目,默认安装好相关环境。
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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之家整理,本文链接:https://www.bmabk.com/index.php/post/16858.html

(0)
小半的头像小半

相关推荐

极客之家——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!