前端部署(nginx)

不见星空
96 阅读3分钟

nginx版本地址：nginx.org/en/download…

一、项目打包

npm run build命令对项目进行打包（打包之前根据项目的需求修改vue.config文件），要与服务器上文件夹一致

二、连接服务器

三、安装源代码安装时需要的依赖

yum install -y gcc pcre pcre-devel zlib zlib-devel openssl openssl-**devel**

四、下载nginx源代码压缩包（在那个目录下就会安装在哪）

wget http://nginx.org/download/nginx-1.23.3.tar.gz

五、压缩包解压

tar -xzvf nginx-1.23.3.tar.gz

六、进入源代码解压后的文件目录

cd nginx-1.23.3

七、坏境配置

/opt/nginx：这个路径是你安装nginx的路径

例：安装路径为/usr/local/nginx-1.20.2，将/opt/nginx修改成/usr/local/nginx-1.20.2

./configure --prefix=/opt/nginx \

--sbin-path=/opt/nginx/sbin/nginx \

--modules-path=/opt/nginx/modules \

--conf-path=/opt/nginx/conf/nginx.conf \

--error-log-path=/opt/nginx/logs/error.log \

--http-log-path=/opt/nginx/logs/access.log \

--pid-path=/opt/nginx/logs/nginx.pid \

--lock-path=/opt/nginx/logs/nginx.lock

八、编译安装

make && make install

九、logs文件错误

在坏境配置环节可能会出现logs文件没有成功（根据实际情况来），在ningx目录下新建logs文件夹，在进行make && make install

/usr/local/nginx-1.23.3/logs

/usr/local/nginx-1.23.3/logs/access.log

/usr/local/nginx-1.23.3/logs/error.log

十、启动nginx服务

l、进入bsin文件夹内：cd /usr/local/nginx-1.23.3/sbin/

2、启动nginx：./nginx 或者 nginx -s reload

3、通过ps -ef |grep nginx来查看nginx有没有启来

十一、访问nginx

浏览器输入输入服务器ip，出现下图代表nginx安装成功

image.png

十二、nginx配置

cd 进入nginx-1.23.3/conf文件夹，打开nginx.conf文件进行配置，在http{}里面添加server

//配置详细信息

server {

#单连接请求上限次数

keepalive_requests 120;

#监听端口

listen 88;

#监听地址，可以是ip，最好是域名

server_name 111.222.333.123;

#server_name www.123.com;

#设置访问的语言编码

charset utf-8;

#设置虚拟主机访问日志的存放路径及日志的格式为main

access_log /www/wwwlogs/111.222.333.123.log main; #响应日志

error_log /www/wwwlo

#根目录

root html;

#设置默认页

index index.html index.htm;

#拒绝的ip,黑名单

deny 127.0.0.1;

#允许的ip，白名单

allow 172.18.5.54;

}

#禁止访问的文件或目录

location ~ ^/(\.user.ini|gs/111.222.333.123.log main; #错误日志

#PHP-INFO-START PHP引用配置，可以注释或修改

include enable-php-74.conf;

#PHP-INFO-END

#REWRITE-START URL重写规则引用

include /www/server/panel/vhost/rewrite/111.222.333.123.conf;

#REWRITE-END

#设置主机基本信息

#请求的url过滤，正则匹配，~为区分大小写，~*为不区分大小写。

location ~*^.+$ {\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)

{

return 404;

}

#SSL证书验证目录相关设置

location ~ \.well-known{

allow all;

}

#图片资源配置

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$

{

expires 30d;

error_log /dev/null;

access_log off;

}

#网站js与css资源配置

location ~ .*\.(js|css)?$

{

expires 12h;

error_log /dev/null;

access_log off;

}

#访问异常页面配置

error_page 404 /404.html;

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

}

}

十一、访问项目

在浏览器输入nginx.conf里面配置的ip和端口，加上项目文件名

十二、nignx卸载

1、进入nginx安装目录：cd /usr/local/nginx-1.23.3/sbin/

2、停止nginx：./nginx -s stop

3、删除nginx：rm -rf /opt/nginx

4、删除编译的坏境：make clean

十三、nginx常用命令


1、重载nginx：nginx -s reload

2、查看docker :docker ps

3、关闭docker redis ：docker stop redis

4、打开docker redis ：docker start redis

5、查看服务器版本：uname -a

6、启动nginx：./nginx

7、关闭nginx：./nginx -s stop

8、查看nginx版本：./nginx -V

9、查看所有端口：netstat -ntlp

10、检查端口被哪个进程占用：netstat -lnp|grep 80

11、杀掉进程：kill -9 pid

12、查看进程： ps -elf|grep nginx
avatar
文章
阅读
粉丝