前端项目部署到ngix服务器并指定端口

部署项目

一直是在组长的带领下完成这些工作, 项目部署已经教我好几次了, 一直没有记录,每次都问他, 我也挺烦的, 今天忙里偷闲, 看着他的博客 ,正好他也不是很忙, 一边做一边问再加上一边整理 整理出如下文档 ⬇️

前端项目部署到服务器并指定端口, 不需要一遍遍重启等操作

我们的项目是vue打包的dist包,其实是不是dist包也都无所谓,只要有html的文件即可

  • 进入系统默认的配置文件

/etc/nginx/conf.d
  • 复制生成一个abc.conf

cp -r autopilot.conf abc.conf 
  • 配置abc.conf

server {                                                                                              
        listen 9092 default_server;                                                                   
        listen [::]:9092 default_server;                                                              
        root /home/witcomm/learning_template/dist;                                                    
        index index.html index.htm index.nginx-debian.html;                                           
        server_name _;                                                                                
        location / {                                                                                  
                # as directory, then fall back to displaying a 404.                                   
                try_files $uri /index.html;                                                           
        }                                                                                             
}                                                                                                                                                                                     

第一行第二行是文件端口

第三行是路径

倒数第三行的意思是当页面不存在的时候的跳转

  • 重启ngix

    更改完配置就要重启

    nginx -s reload
    
  • 开放指定端口

    1. 安装iptables =》如果已经安装过了 直接跳过这一步

      sudo apt-get install iptables
      
    2. 添加规则

      开放指定的端口 例如9099

      iptables -I INPUT -p tcp --dport 9099 -j ACCEPT
      
    3. 保存规则

      iptables-save
      
完成上述命令我们就完成了开放指定的端口,但是如果此时服务器重启,上述规则就没有了,所以我们需要对规则进行一下持续化操作
  • 持续化规则

    1. 安装iptables-persistent

      sudo apt-get install iptables-persistent
      
    2. 持久化规则

      sudo netfilter-persistent save
      
    3. 重启 netfilter-persistent

      sudo netfilter-persistent reload
      

你可能感兴趣的:(nginx,指定端口,服务器,vue+)