2024年Web前端最新前端如何将项目部署到服务器（Nginx）_前端部署到nginx，2024Web前端大厂面试经验

最后

小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

虽只说了一个公司的面试，但我们可以知道大厂关注的东西并举一反三，通过一个知识点延伸到另一个知识点，这是我们要掌握的学习方法，小伙伴们在这篇有学到的请评论点赞转发告诉小编哦，谢谢大家的支持！

cd nginx-0.1.18

### 4、编译安装Nginx

./configure --with-http_ssl_module

make

make install

### 5、启动Nginx服务


找到安装目录：

whereis nginx

启动服务：

/usr/local/nginx/sbin/nginx

或者进入Nginx目录下启动：

./nginx

## 三、操作步骤


### 1、使用Xshell连接服务器


输入服务器名称、地址、端口号，连接成功后会让你输入账号和密码，账号一般是默认的root。  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/ee5f0d253cf14ef9922e26cf7840bc27.png)  
 在Xshell中启动Nginx：

1、查找安装的路径：whereis nginx;
2、执行Nginx启动命令：/usr/local/nginx/sbin/nginx；
3、查看服务运行状态：ps -ef | grep nginx；
4、停止服务：kill 进程号； /usr/local/nginx/sbin/nginx -stop
5、重启服务：/usr/local/nginx/sbin/nginx -s reopen

### 2、上传静态资源文件


连接Xftp，进行文件传输。服务器的根目录是 /root ，这里可以创建一个自己的项目文件目录进行静态资源文件的存放。直接把打包后的dist文件放在目标目录即可。


### 3、 配置Nginx


在Xhell中进行Nginx的配置：

配置命令：vim /usr/local/nginx/conf/nginx.conf(vim + nginx目录)

按insert键进入编辑模式，说明以及配置文件如下：

#全局块 ：配置影响nginx全局的指令。一般有运行nginx服务器的用户组，nginx进程pid存放路径，日志存放路径，配置文件引入，允许生成worker process数等。
#user nobody/root; #配置用户或者组，默认为nobody root
user root;
worker_processes 1; #允许生成的进程数，默认是1

#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;

#pid logs/nginx.pid; #指定nginx进程运行文件存放地址

events { #event块：配置影响nginx服务器或与用户的网络连接。有每个进程的最大连接数，选取哪种事件驱动模型处理连接请求，是否允许同时接受多个网路连接，开启多个网络连接序列化等。
accept_mutex on; #设置网路连接序列化，防止惊群现象发生，默认为on
multi_accept on; #设置一个进程是否同时接受多个网络连接，默认为off
#use epoll; #事件驱动模型，select|poll|kqueue|epoll|resig|/dev/poll|eventport
worker_connections 1024; #最大连接数，默认为512
}

http { #http块：可以嵌套多个server，配置代理，缓存，日志定义等绝大多数功能和第三方模块的配置。如文件引入，mime-type定义，日志自定义，是否使用sendfile传输文件，连接超时时间，单连接请求数等。
include mime.types; #文件扩展名与文件类型映射表
default_type application/octet-stream; #默认文件类型，默认为text/plain、octet-stream未知文件类型

#log\_format main '$remote\_addr - $remote\_user [$time\_local] "$request" '
# '$status $body\_bytes\_sent "$http\_referer" '
# '"$http\_user\_agent" "$http\_x\_forwarded\_for"';

#access\_log logs/access.log main;

sendfile        on; #开启高效文件传输模式
#tcp\_nopush on;

#keepalive\_timeout 0;
keepalive_timeout  65;#保持请求活跃时间

#gzip on;
#error\_page 404 https://www.baidu.com; #错误页

#http全局块
server {  #server块：配置虚拟主机的相关参数，一个http中可以有多个server。
	keepalive_requests 120; #单连接请求上限次数。
    listen       80; #监听端口
    server_name  127.0.0.1;#监听地址-->设置对应监听的域名xxx.com www.baidu.com

    #charset koi8-r;

    #access\_log logs/host.access.log main;
	
	#请求的url过滤，正则匹配，~为区分大小写，~\*为不区分大小写。
    location / { #location块：配置请求的路由，以及各种页面的处理情况。
		#root path; #根目录
		#index vv.txt; #设置默认页
        root   html;
        index  index.html index.htm;
		#proxy\_pass http://mysvr; #请求转向mysvr 定义的服务器列表-->可以填写自己的服务器地址
		#proxy\_read\_timeout 150; 代理连接超时时间
		#deny 127.0.0.1; #拒绝的ip
		#allow 172.18.5.54; #允许的ip 
    }

    #error\_page 404 /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    # proxy\_pass http://127.0.0.1;
    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    # root html;
    # fastcgi\_pass 127.0.0.1:9000;
    # fastcgi\_index index.php;
    # fastcgi\_param SCRIPT\_FILENAME /scripts$fastcgi\_script\_name;
    # include fastcgi\_params;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    # deny all;
    #}
}


# another virtual host using mix of IP-, name-, and port-based configuration
#
#server {
# listen 8000;
# listen somename:8080;
# server\_name somename alias another.alias;

# location / {
# root html;
# index index.html index.htm;
# }
#}


# HTTPS server
#
#server {
# listen 443 ssl;
# server\_name localhost;

# ssl\_certificate cert.pem;
# ssl\_certificate\_key cert.key;

# ssl\_session\_cache shared:SSL:1m;
# ssl\_session\_timeout 5m;

# ssl\_ciphers HIGH:!aNULL:!MD5;
# ssl\_prefer\_server\_ciphers on;

# location / {
# root html;
# index index.html index.htm;
# }
#}

测试配置

server {
    listen       8777;
    server_name  http://127.0.0.1/;

    gzip on; # 开启Gzip
    # gzip\_static on; # 开启静态文件压缩 这句话不要

最后

小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

虽只说了一个公司的面试，但我们可以知道大厂关注的东西并举一反三，通过一个知识点延伸到另一个知识点，这是我们要掌握的学习方法，小伙伴们在这篇有学到的请评论点赞转发告诉小编哦，谢谢大家的支持！