配置nginx部署前端项目

1,731 阅读2分钟

注:Nginx的文件路径:/usr/local/nginx/

没有权限进入文件夹操作可执行命令获取超级权限:sudo su
nginx的配置文件nginx.conf路径:/usr/local/nginx/conf/nginx.conf
通过vim编辑器去编辑配置文件: vim nginx.conf
下面看看我简单配置的一个栗子:

server {
    listen  9080; // 监听端口号
    server_name  localhost; // 服务器地址或localhost
    #root   /home/flatform/dist/; // 可以省略
    #index  index.html index.htm; // 可以省略
    #charset koi8-r;
    #access_log  logs/host.access.log  main;
    location / { 
    	// 浏览器输入地址回车直接显示/home/flatform/dist/路径下的index.html
        root   /home/flatform/dist;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html; // history路由必须加上这句
        add_header Access-Control-Allow-Origin *;
    }
    location /api/ { 
    	// 与本地项目代码配置一样,都是使用/api/去代理跨域
        proxy_pass http://10.10.208.83:8093; // 请求接口的地址
        rewrite /api(.*) $1 break;
    }
}

配置好之后判断端口号是否被占用:

sudo netstat  -anp | grep 端口号

检查nginx配置是否正常,nginx是否运行成功:

先进入nginx文件夹cd /usr/local/nginx/sbin 然后执行./nginx -t 

出现ok和success则成功运行nginx。
启动nginx:

先进入nginx文件夹cd /usr/local/nginx/sbin 然后执行start nginx

重启nginx:

先进入nginx文件夹cd /usr/local/nginx/sbin 然后执行./ngnx -s reload

配置好nginx.conf配置文件之后,检测一下没有问题就可以启动或者重启nginx,即可访问项目。

如果重启nginx还不能正常访问你的项目,则可以通过杀死占用你端口号的进程,再重启nginx。下面是我在部署项目时遇到的问题和解决方法:

1,linux重启失败提示报错:

[alert] kill(12034, 1) failed (3: No such process)  

输入下面的任意一条命令即可重启Linux:

方法1:
/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
方法2:
/usr/local/nginx/sbin/nginx -s reload

2,Linux查找占用某个端口的进程,并杀死进程

通过下面这条命令可以查看占用某个端口的进程

lsof -i:XXXX(端口号)

通过下面这条命令可以杀死某个进程

kill -9 xxxx(进程的编号)