'$status $body_bytes_sent "$http_referer" '
              '"$http_user_agent" "$http_x_forwarded_for" "$clientip"';
access_log  /srv/log/nginx/access.log  access; # 日志输出目录
gzip  on; # gzip模块设置，设置是否开启gzip压缩输出
sendfile  on; # 开启文件传输模式
#tcp_nopush  on; # 减少网络报文数量

#keepalive_timeout  0; # 连接不超时，单位 s
# 链接超时时间，自动断开
keepalive_timeout  60;

# 虚拟主机
server {
    listen       80; # 监听地址以及端口
    server_name  localhost; # 浏览器访问域名

    charset utf-8; # 默认字符集
    access_log  logs/localhost.access.log  access;

    # 路由
    location / {
        root   html; # 访问根目录 nginx-1.21.0\html
        index  index.html index.htm; # 入口文件,可以接收index、index.html、index.htm文件
    }
}

}

#### 2.2.3 搭建不同网站的站点


 在其他配置文件'self'目录下，添加新建站点的配置**文件'xxx.conf'**


![](https://img-blog.csdnimg.cn/e19edeca0fd44ce9864ddba290ac84e6.png)

server {
listen 8070; # 自定义监听端口
server_name 127.0.0.1; # 浏览器访问域名

charset utf-8;
access_log  logs/xx_domian.access.log  access;

# 路由
location / {
    root   dist; # 访问根目录 nginx-1.21.0\dist
    index  index.html index.htm; # 入口文件类型
}

}

![](https://img-blog.csdnimg.cn/e6f4a8f7c67c44efad2ff6c6e526803e.png)


![](https://img-blog.csdnimg.cn/75492e722d4144b09f35f0794dd8b5e0.png)


#### 2.2.4 禁止访问的目录以及一键申请SSL证书验证目录相关设置

#禁止访问的文件或目录
location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
{
    return 404;
}

#一键申请SSL证书验证目录相关设置
location ~ \.well-known{
    allow all;
}

#### 2.2.5 根据文件类型设置过期时间

# location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
# {
#     expires      30d; // 30天过期
#     access_log off;
# }

# location ~ .*\.(js|css)?$
# {
#     expires      12h;
#     access_log off; 
# }

#### 2.2.6 禁止文件缓存

location ~* .(js|css|png|jpg|gif)$ {
add_header Cache-Control no-store;
}

#### 2.2.7 跨域问题


场景：


        -- 我们前端使用的路径配置为：[http://127.0.0.1:8070/]( )(nginx配置)


![](https://img-blog.csdnimg.cn/7c56651b8696487bbe5ea6f2ed2a489d.png)


        -- 需要向后端请求的路径为： [http://192.168.1.19:8087]( )/(项目打包配置)


![](https://img-blog.csdnimg.cn/f3c97aa39f6f42e5afef4c4dbdb27d8b.png)


此时前端向后端发送请求一定会出现跨域！！


**解决方法：**启动nginx服务器，**将server\_name设置为127.0.0.1****，然后设置响应的拦截前端需要跨域的请求置相应的location以拦截前端需要跨域的请求，最后将请求代理回自己需要请求的后端路径**，以我的为例：

server
{
listen 8001;
server_name 127.0.0.1;

location /api/ {
     proxy_pass  http://192.168.1.19:8087/;
     proxy_http_version 1.1; # http版本
     proxy_set_header Upgrade $http_upgrade; # 继承地址，这里的$http_upgrade为上面的proxy_pass
     proxy_set_header Connection "upgrade"; 
     proxy_set_header  X-Real-IP $remote_addr; # 传递的ip
     proxy_connect_timeout 60;
     proxy_send_timeout  60;
     proxy_read_timeout 3000;
}

}

## 第三章 配置参考


小编基本配置提供参考——

server
{
listen 8070;
server_name 127.0.0.1;
index index.php index.html index.htm default.php default.htm default.html;
root dist;

#REWRITE-END

#禁止访问的文件或目录
location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
{
    return 404;
}

#一键申请SSL证书验证目录相关设置
location ~ \.well-known{
    allow all;
}

# location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
# {
#     expires      30d;
#     access_log off;
# }

# location ~ .*\.(js|css)?$
# {
#     expires      12h;
#     access_log off; 
# }
location /api/ {
    proxy_pass  http://192.168.1.19:8087/;
    proxy_http_version 1.1; # http版本
    proxy_set_header Upgrade $http_upgrade; # 继承地址，这里的$http_upgrade为上面的proxy_pass
    proxy_set_header Connection "upgrade"; 
    proxy_set_header  X-Real-IP $remote_addr; # 传递的ip
    proxy_connect_timeout 60;
    proxy_send_timeout  60;
    proxy_read_timeout 3000;
}

location / {
  try_files $uri $uri/ /index.html;
  index  index.html index.htm;
}

}

前端框架

前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。

以 Vue 为例，我整理了如下的面试题。

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