江苏龙网

  1. 主页 > 生活百科 > >

一文教你学会使用Nginx( 二 )

Nginx

以上配置将客户端的请求转发到http://example.com ， 并且在转发过程中设置了一些请求头信息 ， 以便服务器能够正确处理请求 。
Nginx的反向代理Nginx的反向代理是指Nginx作为客户端与其他服务器进行通信，并将客户端的请求转发到这些服务器上 。这种代理隐藏了真实的服务器 ， 客户端只知道与Nginx通信，而不知道真正处理请求的服务器是谁 。反向代理可以用于负载均衡、安全性增强和缓存等方面 。
在Nginx中配置反向代理可以使用以下指令：
location / {proxy_pass http://backend_server;}其中backend_server是真实服务器的地址 。这样，当客户端发送请求时 ， Nginx会将请求转发到backend_server上，并将响应返回给客户端 。
Nginx 的错误页面配置在nginx中，可以通过配置自定义错误页面来提供更友好的用户体验 。你可以在nginx的配置文件中使用error_page指令来指定不同错误码对应的错误页面，例如：
error_page 404 /404.html;error_page 500 502 503 504 /50x.html;上面的配置指定了当出现404错误时，显示404.html页面；当出现500、502、503、504错误时，显示50x.html页面 。
如果你想为所有的错误码都显示同一个错误页面，可以这样配置：
error_page 500 502 503 504 /error.html;这样就会将所有500系列的错误都显示error.html页面 。
另外，你也可以使用变量来动态指定错误页面的路径，例如：
error_page 404 = /custom404.php;这样就可以根据具体情况动态指定404错误对应的页面路径 。
了解完这些内容 ， 我们就可以来看一下部署这个前端应用了 。
一般如果我们选择部署前端项目并且使用 Nginx 的话，那么我们不需要单独的去启动这个 Nginx  ， 
而我们使用的则是通过前端的依赖，导入这个 Nginx ,也相当于是依赖这个 Nginx,我们来看看这个 Docker怎么部署，
Docker 部署前端服务准备工作：
1：准备 Nginx 镜像
2：准备 Dockerfile 文件
3：准备 Nginx 的配置文件
4：准备前端dist包
5：打包
6:启动
我们刚才已经说了这个 Nginx 的安装了，已经准备好了 ， 接下来就是准备 Dockerfile 文件
【一文教你学会使用Nginx】# 使用nginx镜像FROM nginx# 作者MAINTAINER zhiyikeji# 删除nginx 默认配置RUN rm /etc/nginx/conf.d/default.conf# 添加我们自己的配置 default.conf 在下面ADD default.conf /etc/nginx/conf.d/# 把刚才生成dist文件夹下的文件copy到nginx下面去COPY dist//usr/share/nginx/html/上面的内容就是 Dockerfile 文件中的内容
接下来我们准备 nginx 的配置文件 default.conf
server {listen17878;server_name192.168.10.1;#charset koi8-r;#access_log/var/log/nginx/log/host.access.logmain;location /api/{proxy_passhttp://192.168.10.1:18081/;}location / {root/usr/share/nginx/html;indexindex.html index.htm;try_files $uri $uri/ /index.html;}#error_page404/404.html;# redirect server error pages to the static page /50x.html#error_page500 502 503 504/50x.html;location = /50x.html {roothtml;}# proxy the PHP scripts to Apache listening on 127.0.0.1:80##location ~ .php$ {#proxy_passhttp://127.0.0.1;#}# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000##location ~ .php$ {#roothtml;#fastcgi_pass127.0.0.1:9000;#fastcgi_indexindex.php;#fastcgi_paramSCRIPT_FILENAME/scripts$fastcgi_script_name;#includefastcgi_params;#}# deny access to .htaccess files, if Apache's document root# concurs with nginx's one##location ~ /.ht {#denyall;#}}前端dist包我们直接冲前端要一份即可 。
打包命令如下：
docker build -t vue-app .启动命令如下：
docker run -d --name vue-app -p 17878:19529 vue-app这样我们就发版完成了，是不是很简单，但是你要了解Nginx 的相关内容才算是了解了 。你学会了么？




推荐阅读


上一篇：创建一个双模式跨运行时的 JavaScript 包，你学会了吗

下一篇：使用 Mapstructure 解析 Json，你学会了吗？