lht/blog
1
0 Fork 0
Code Issues Pull Requests Releases Wiki Activity

Site updated: 2022-11-08 12:20:57

Browse Source
This commit is contained in:
qinglong committed 2022-11-08 12:20:59 +08:00
1 parent 1b945a292b
commit 53430dc3e3
106 files changed
+890 -180
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

atom.xml
+277 -22
View File
@@ -8,7 +8,7 @@
<author>
<name>Hito Li</name>
</author>
<updated>2022-11-04T07:21:00.000Z</updated>
<updated>2022-11-08T02:05:00.000Z</updated>
<category term="hito" />
<category term="無言" />
<category term="博客" />
@@ -17,6 +17,278 @@
<category term="心得体会" />
<category term="技术分享" />
<category term="踩坑" />
<entry>
<id>https://blog.jingxiyuan.cn/2022/11/08/Nginx%E9%85%8D%E7%BD%AE-%E5%8F%8D%E5%90%91%E4%BB%A3%E7%90%86/</id>
<title>Nginx配置-反向代理</title>
<link rel="alternate" href="https://blog.jingxiyuan.cn/2022/11/08/Nginx%E9%85%8D%E7%BD%AE-%E5%8F%8D%E5%90%91%E4%BB%A3%E7%90%86/"/>
<content type="html">&lt;h4 id=&#34;引言&#34;&gt;&lt;a class=&#34;anchor&#34; href=&#34;#引言&#34;&gt;#&lt;/a&gt; 引言&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;所有配置方法和介绍均来至于网络搜索汇总，主要用于方便后期巩固学习。&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&#34;何为反向代理&#34;&gt;&lt;a class=&#34;anchor&#34; href=&#34;#何为反向代理&#34;&gt;#&lt;/a&gt; 何为反向代理&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;在介绍反向代理之前，先来了解一下正向代理。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;__正向代理：__如果把局域网外的 Internet 想象成一个巨大的资源库，则局域网中的客户端要访问 Internet，则需要通过代理服务器来访问，这种代理服务就称为正向代理，下面是正向代理的原理图。&lt;br /&gt;
&lt;img data-src=&#34;https://file.jingxiyuan.cn/images/2022/11/08/991a203be1ec82b36e1f326376617d40.png&#34; alt=&#34;991a203be1ec82b36e1f326376617d40.png&#34; /&gt;&lt;br /&gt;
__反向代理：__看下面原理图，就一目了然。其实客户端对代理是无感知的，因为客户端不需要任何配置就可以访问，我们只需要将请求发送到反向代理服务器，由反向代理服务器去选择目标服务器获取数据后，在返回给客户端，此时反向代理服务器和目标服务器对外就是一个服务器，暴露的是代理服务器地址，隐藏了真实服务器 IP 地址。&lt;br /&gt;
&lt;img data-src=&#34;https://file.jingxiyuan.cn/images/2022/11/08/1c87e386a0ce624a3949bda443cf346d.png&#34; alt=&#34;1c87e386a0ce624a3949bda443cf346d.png&#34; /&gt;&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;正向代理和反向代理的区别，一句话就是：如果我们客户端自己用，就是正向代理。如果是在服务器用，用户无感知，就是反向代理。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h4 id=&#34;nginx配置文件&#34;&gt;&lt;a class=&#34;anchor&#34; href=&#34;#nginx配置文件&#34;&gt;#&lt;/a&gt; Nginx 配置文件&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;在学习 Nginx 之前，要熟知它的配置文件，毕竟，下面需要做的所有配置（反向代理、负载均衡、动静分离等），都是基于它的配置文件。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Nginx 默认的配置文件是在安装目录下的 conf 目录下，后续对 Nginx 的使用基本上都是对此配置文件进行相应的修改。完整的配置文件，可以看一下文章最后。修改过 nginx.conf 配置文件，记得要重启 Nginx 服务（☆☆☆☆☆）&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;配置文件中有很多 #号，该符号表示注释内容，去掉所有以 #开头的段落，精简之后的配置文件内容如下（PS：其实注释掉的地方，都是一些功能的使用代码，需要用到的时候，取消注释即可）：&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;figure class=&#34;highlight xml&#34;&gt;&lt;figcaption data-lang=&#34;XML&#34;&gt;&lt;/figcaption&gt;&lt;table&gt;&lt;tr&gt;&lt;td data-num=&#34;1&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;# 主进程叫master，负责管理子进程，子进程叫worker&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;2&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;# worker_processes配置项表示开启几个业务进程，一般和cpu核数有关&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;3&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;worker_processes 1;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;4&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;5&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;events &amp;#123;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;6&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; worker_connections 1024;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;7&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;&amp;#125;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;8&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;9&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;http &amp;#123;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;10&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; # include表示可以引入其他文件，此处表示引入http mime类型&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;11&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; include mime.types;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;12&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; default_type application/octet-stream;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;13&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; sendfile on;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;14&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; keepalive_timeout 65;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;15&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;16&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; # 虚拟主机，可以配置多个&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;17&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; server &amp;#123;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;18&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; listen 80;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;19&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; server_name localhost;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;20&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;21&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; location / &amp;#123;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;22&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; # 路径匹配之后，哪个目录下去匹配相应的网页,html是相对路径&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;23&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; root html;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;24&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; index index.html index.htm;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;25&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; &amp;#125;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;26&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;27&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; error_page 500 502 503 504 /50x.html;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;28&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; location = /50x.html &amp;#123;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;29&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; root html;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;30&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; &amp;#125;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;31&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; &amp;#125;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;32&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;&amp;#125;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/figure&gt;&lt;p&gt;去掉注释信息后，可以将 nginx.conf 配置文件分为三部分：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;全局块&lt;/li&gt;
&lt;/ol&gt;
&lt;pre&gt;&lt;code class=&#34;language-conf&#34;&gt;worker_processes 1;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;从配置文件开始到 events 块之间的内容，主要会设置一些影响 Nginx 服务器整体运行的配置指令，主要包括：配置运行 Nginx 服务器的用户（组）、允许生成的 worker process 数，进程 PID 存放路径、日志存放路径和类型以及配置文件的引入等。&lt;/p&gt;
&lt;p&gt;上面这行 worker_processes 配置，是 Nginx 服务器并发处理服务的关键配置，该值越大，可以支持的并发处理量也越多，但是会受到硬件、软件等设备的约束。&lt;/p&gt;
&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;events 块&lt;/li&gt;
&lt;/ol&gt;
&lt;pre&gt;&lt;code class=&#34;language-conf&#34;&gt;events &amp;#123;
worker_connections 1024;
&amp;#125;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;events 块涉及的指令主要影响 Nginx 服务器与用户的网络连接，常用的设置包括：是否开启对多 work process 下的网络连接进行序列化，是否允许同时接收多个网络连接，选取哪种事件驱动模型来处理连接请求，每个 work process 可以同时支持的最大连接数等&lt;/p&gt;
&lt;p&gt;上述例子就表示每个 work process 支持的最大连接数为 1024。这部分的配置对 Nginx 的性能影响较大，在实际中应该灵活配置。&lt;/p&gt;
&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;http 块&lt;/li&gt;
&lt;/ol&gt;
&lt;pre&gt;&lt;code class=&#34;language-conf&#34;&gt;http &amp;#123;
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server &amp;#123;
listen 80;
server_name localhost;
location / &amp;#123;
root html;
index index.html index.htm;
&amp;#125;
error_page 500 502 503 504 /50x.html;
location = /50x.html &amp;#123;
root html;
&amp;#125;
&amp;#125;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;这部分是 Nginx 服务器配置中最频繁的部分，代理、缓存和日志定义等绝大多数功能和第三方模块的配置都在这里。需要注意的是：http 块也可以包括 http 全局块、server 块。下面的反向代理、动静分离、负载均衡都是在这部分中配置&lt;/p&gt;
&lt;p&gt;__http 全局块：__http 全局块配置的指令包括：文件引入、MIME-TYPE 定义、日志自定义、连接超时时间、单链接请求数上限等。&lt;/p&gt;
&lt;p&gt;__server 块：__这块和虚拟主机有密切关系，从用户角度看，虚拟主机和一台独立的硬件主机是完全一样的，该技术的产生是为了节省互联网服务器硬件成本。&lt;/p&gt;
&lt;p&gt;__location 块：__这块的主要作用是：基于 Nginx 服务器接收到的请求字符串（例如 server_name/uri-string），对虚拟主机名称（也可以是 IP 别名）之外的字符串（例如 前面的 /uri-string）进行匹配，对特定的请求进行处理。地址定向、数据缓存和应答控制等功能，还有许多第三方模块的配置也在这里进行。&lt;/p&gt;
&lt;p&gt;每个 http 块可以包括多个 server 块，而每个 server 块就相当于一个虚拟主机。而每个 server 块也分为全局 server 块，以及可以同时包含多个 locaton 块。（☆☆☆☆☆）&lt;/p&gt;
&lt;h4 id=&#34;反向代理配置&#34;&gt;&lt;a class=&#34;anchor&#34; href=&#34;#反向代理配置&#34;&gt;#&lt;/a&gt; 反向代理配置&lt;/h4&gt;
&lt;ol&gt;
&lt;li&gt;location 配置规则&lt;/li&gt;
&lt;/ol&gt;
&lt;pre&gt;&lt;code class=&#34;language-conf&#34;&gt;location [ = | ~ | ~* | ^~ | @ ] /uri &amp;#123;
&amp;#125;
= ：用于不含正则表达式的 uri 前，要求请求字符串与 uri 严格匹配，如果匹配成功，就停止继续向下搜索并立即处理该请求。
~：用于表示 uri 包含正则表达式，并且区分大小写。
~*：用于表示 uri 包含正则表达式，并且不区分大小写。
^~：用于不含正则表达式的 uri 前，要求 Nginx 服务器找到标识 uri 和请求字符串匹配度最高的 location
后，立即使用此 location 处理请求，而不再使用 location 块中的正则 uri 和请求字符串做匹配。
@: &amp;quot;@&amp;quot; 定义一个命名的 location，使用在内部定向时，例如 error_page
/uri：不带任何修饰符，也表示前缀匹配，但是在正则匹配之后，如果没有正则命中，命中最长的规则
/：通用匹配，任何未匹配到其它location的请求都会匹配到，相当于switch中的default
* uri没有“/”结尾时，location /abc/def可以匹配/abc/defghi请求，也可以匹配/abc/def/ghi等。而有“/”结尾时，location /abc/def/不能匹配/abc/defghi请求，只能匹配/abc/def/anything这样的请求
&lt;/code&gt;&lt;/pre&gt;
&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;proxy_pass 配置规则&lt;/li&gt;
&lt;/ol&gt;
&lt;pre&gt;&lt;code class=&#34;language-conf&#34;&gt;url结尾加上了/，相当于是绝对路径，则Nginx不会把location中匹配的路径部分加入代理uri。
url结尾不加/，Nginx则会把匹配的路径部分加入代理uri。
情景1:
proxy_pass后有/
访问地址：http://localhost:8081/WCP.Service/wcp/modeladapter/download/asc.shtml
最终代理：http://10.194.171.7:13082/modeladapter/download/asc.shtml
location /WCP.Service/wcp/modeladapter/download/ &amp;#123;
proxy_pass http://10.194.171.7:13082/modeladapter/download/;
&amp;#125;
访问地址：http://localhost:8081/model/asc.shtml
最终代理：http://127.0.0.1:8082/model/asc.shtml
location /model/ &amp;#123;
proxy_pass http://127.0.0.1:8082/model/;
&amp;#125;
情景2:
proxy_pass后有/
访问地址：http://localhost:8081/model/asc.shtml
最终代理：http://127.0.0.1:8082/asc.shtml
location /model/ &amp;#123;
proxy_pass http://127.0.0.1:8082/;
&amp;#125;
情景3：
proxy_pass后没有/
访问地址：http://localhost:8081/model/asc.shtml
最终代理：http://127.0.0.1:8082/model/asc.shtml
location /model/ &amp;#123;
proxy_pass http://127.0.0.1:8082;
&amp;#125;
情景4
proxy_pass后没有/
访问地址：http://localhost:8081/model/asc.shtml
最终代理：http://127.0.0.1:8082/AAAmodel/asc.shtml
location /model/ &amp;#123;
proxy_pass http://127.0.0.1:8082/AAA;
&amp;#125;
情景5
proxy_pass后有/
访问地址：http://localhost:8081/model/asc.shtml
最终代理：http://127.0.0.1:8082/asc.shtml
location /model &amp;#123;
proxy_pass http://127.0.0.1:8082/;
&amp;#125;
情景6
proxy_pass后有/
访问地址：http://localhost:8081/modelBBB/asc.shtml
最终代理：http://127.0.0.1:8082/asc.shtml
location /model &amp;#123;
proxy_pass http://127.0.0.1:8082/;
&amp;#125;
&lt;/code&gt;&lt;/pre&gt;
&lt;h4 id=&#34;nginx完整配置文件&#34;&gt;&lt;a class=&#34;anchor&#34; href=&#34;#nginx完整配置文件&#34;&gt;#&lt;/a&gt; Nginx 完整配置文件&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&#34;language-conf&#34;&gt;#user nobody;
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
#pid logs/nginx.pid;
events &amp;#123;
worker_connections 1024;
&amp;#125;
http &amp;#123;
include mime.types;
default_type application/octet-stream;
#log_format main &#39;$remote_addr - $remote_user [$time_local] &amp;quot;$request&amp;quot; &#39;
# &#39;$status $body_bytes_sent &amp;quot;$http_referer&amp;quot; &#39;
# &#39;&amp;quot;$http_user_agent&amp;quot; &amp;quot;$http_x_forwarded_for&amp;quot;&#39;;
#access_log logs/access.log main;
sendfile on;
#tcp_nopush on;
#keepalive_timeout 0;
keepalive_timeout 65;
#gzip on;
server &amp;#123;
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / &amp;#123;
root html;
index index.html index.htm;
&amp;#125;
#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 &amp;#123;
root html;
&amp;#125;
# proxy the PHP scripts to Apache listening on 127.0.0.1:80
#
#location ~ \.php$ &amp;#123;
# proxy_pass http://127.0.0.1;
#&amp;#125;
# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
#
#location ~ \.php$ &amp;#123;
# root html;
# fastcgi_pass 127.0.0.1:9000;
# fastcgi_index index.php;
# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
# include fastcgi_params;
#&amp;#125;
# deny access to .htaccess files, if Apache&#39;s document root
# concurs with nginx&#39;s one
#
#location ~ /\.ht &amp;#123;
# deny all;
#&amp;#125;
&amp;#125;
# another virtual host using mix of IP-, name-, and port-based configuration
#
#server &amp;#123;
# listen 8000;
# listen somename:8080;
# server_name somename alias another.alias;
# location / &amp;#123;
# root html;
# index index.html index.htm;
# &amp;#125;
#&amp;#125;
# HTTPS server
#
#server &amp;#123;
# 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 / &amp;#123;
# root html;
# index index.html index.htm;
# &amp;#125;
#&amp;#125;
&amp;#125;
&lt;/code&gt;&lt;/pre&gt;
</content>
<category term="Linux" scheme="https://blog.jingxiyuan.cn/categories/Linux/" />
<category term="服务" scheme="https://blog.jingxiyuan.cn/categories/Linux/%E6%9C%8D%E5%8A%A1/" />
<category term="Nginx" scheme="https://blog.jingxiyuan.cn/categories/Linux/%E6%9C%8D%E5%8A%A1/Nginx/" />
<category term="Nginx" scheme="https://blog.jingxiyuan.cn/tags/Nginx/" />
<category term="反向代理" scheme="https://blog.jingxiyuan.cn/tags/%E5%8F%8D%E5%90%91%E4%BB%A3%E7%90%86/" />
<updated>2022-11-08T02:05:00.000Z</updated>
</entry>
<entry>
<id>https://blog.jingxiyuan.cn/2022/11/04/%E8%AE%B0%E4%B8%80%E6%AC%A1Vue%E9%A1%B9%E7%9B%AE%E7%9A%84%E9%83%A8%E7%BD%B2/</id>
<title>记一次Vue项目的部署</title>
@@ -1197,7 +1469,7 @@ X-Frame-Options 三个参数:&lt;/p&gt;
&lt;li&gt;轮询（默认）&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;  &lt;em&gt;每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器 down 掉，能自动剔除。&lt;/em&gt;&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-yum&#34;&gt;upstream my_server &amp;#123;
&lt;pre&gt;&lt;code class=&#34;language-conf&#34;&gt;upstream my_server &amp;#123;
server 192.168.0.2:8080;
server 192.168.0.3:8080;
&amp;#125;
@@ -1217,7 +1489,7 @@ server &amp;#123;
&lt;li&gt;weight 权重策略&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;  &lt;em&gt;weight 代表权重，默认为 1，权重越高被分配的客户端越多，指定轮询几率。weight 和访问比率成正比，用于后端服务器性能不均的情况。&lt;/em&gt;&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-yum&#34;&gt;upstream my_server &amp;#123;
&lt;pre&gt;&lt;code class=&#34;language-conf&#34;&gt;upstream my_server &amp;#123;
server 192.168.0.2:8080 weight=1;
server 192.168.0.3:8080 weight=2;
&amp;#125;
@@ -1237,7 +1509,7 @@ server &amp;#123;
&lt;li&gt;ip_hash&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;  &lt;em&gt;每个请求按访问 ip 的 hash 结果分配，这样每个访客固定访问一个后端服务器，可以解决 session 的问题。&lt;/em&gt;&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-yum&#34;&gt;upstream my_server &amp;#123;
&lt;pre&gt;&lt;code class=&#34;language-conf&#34;&gt;upstream my_server &amp;#123;
ip_hash;
server 192.168.0.2:8080;
server 192.168.0.3:8080;
@@ -1258,7 +1530,7 @@ server &amp;#123;
&lt;li&gt;fair (第三方)&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;  &lt;em&gt;按后端服务器的响应时间来分配请求，响应时间短的优先分配。&lt;/em&gt;&lt;/p&gt;
&lt;pre&gt;&lt;code class=&#34;language-yum&#34;&gt;upstream my_server &amp;#123;
&lt;pre&gt;&lt;code class=&#34;language-conf&#34;&gt;upstream my_server &amp;#123;
server 192.168.0.2:8080;
server 192.168.0.3:8080;
fair;
@@ -1287,21 +1559,4 @@ server &amp;#123;
<category term="负载均衡" scheme="https://blog.jingxiyuan.cn/tags/%E8%B4%9F%E8%BD%BD%E5%9D%87%E8%A1%A1/" />
<updated>2022-09-27T06:45:00.000Z</updated>
</entry>
<entry>
<id>https://blog.jingxiyuan.cn/2022/09/26/%E8%A7%A3%E5%86%B3Hexo-Shoka%E8%83%8C%E6%99%AF%E9%9F%B3%E4%B9%90%E6%97%A0%E6%B3%95%E6%92%AD%E6%94%BE%E7%9A%84%E9%97%AE%E9%A2%98/</id>
<title>解决Hexo+Shoka背景音乐无法播放的问题</title>
<link rel="alternate" href="https://blog.jingxiyuan.cn/2022/09/26/%E8%A7%A3%E5%86%B3Hexo-Shoka%E8%83%8C%E6%99%AF%E9%9F%B3%E4%B9%90%E6%97%A0%E6%B3%95%E6%92%AD%E6%94%BE%E7%9A%84%E9%97%AE%E9%A2%98/"/>
<content type="html">&lt;p&gt;&lt;em&gt;  今天突然发现博客的音乐无法播放了。经过一顿查找，发现是因为 https://api.i-meto.com/meting/api 调用出错了。shoka 主题应该是通过这个网站提取音乐地址、图片等信息。通过断点发现网易播放列表还是能正常获取的，只是列表中的具体音乐、图片无法获取了。于是自己用获取的列表信息组装出正确的 url 问题基本解决。只针对网易播放列表，图片只能使用一张固定的。&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;  解决方法如下：&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;    到 themes\shoka\source\js_app 目录下打开 player.js 文件，在最底部 init (config) 下加入 vendorJs (&#39;fancybox&#39;);，然后找到 56 行用下面的代码替换即可。&lt;/em&gt;&lt;/p&gt;
&lt;figure class=&#34;highlight js&#34;&gt;&lt;figcaption data-lang=&#34;JavaScript&#34;&gt;&lt;/figcaption&gt;&lt;table&gt;&lt;tr&gt;&lt;td data-num=&#34;1&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;&lt;span class=&#34;token function-variable function&#34;&gt;fetch&lt;/span&gt;&lt;span class=&#34;token operator&#34;&gt;:&lt;/span&gt; &lt;span class=&#34;token keyword&#34;&gt;function&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;token parameter&#34;&gt;source&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;token punctuation&#34;&gt;&amp;#123;&lt;/span&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;2&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; &lt;span class=&#34;token keyword&#34;&gt;var&lt;/span&gt; list &lt;span class=&#34;token operator&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;token punctuation&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;]&lt;/span&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;3&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;4&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; &lt;span class=&#34;token keyword&#34;&gt;return&lt;/span&gt; &lt;span class=&#34;token keyword&#34;&gt;new&lt;/span&gt; &lt;span class=&#34;token class-name&#34;&gt;Promise&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;token keyword&#34;&gt;function&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;token parameter&#34;&gt;resolve&lt;span class=&#34;token punctuation&#34;&gt;,&lt;/span&gt; reject&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;token punctuation&#34;&gt;&amp;#123;&lt;/span&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;5&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; source&lt;span class=&#34;token punctuation&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;token function&#34;&gt;forEach&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;token keyword&#34;&gt;function&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;(&lt;/span&gt;&lt;span class=&#34;token parameter&#34;&gt;raw&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;token punctuation&#34;&gt;&amp;#123;&lt;/span&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;6&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; &lt;span class=&#34;token keyword&#34;&gt;var&lt;/span&gt; meta &lt;span class=&#34;token operator&#34;&gt;=&lt;/span&gt; utils&lt;span class=&#34;token punctuation&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;token function&#34;&gt;parse&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;(&lt;/span&gt;raw&lt;span class=&#34;token punctuation&#34;&gt;)&lt;/span&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;7&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; &lt;span class=&#34;token keyword&#34;&gt;if&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;(&lt;/span&gt;meta&lt;span class=&#34;token punctuation&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;token number&#34;&gt;0&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;]&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;token punctuation&#34;&gt;&amp;#123;&lt;/span&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;8&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; &lt;span class=&#34;token keyword&#34;&gt;var&lt;/span&gt; skey &lt;span class=&#34;token operator&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;token constant&#34;&gt;JSON&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;token function&#34;&gt;stringify&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;(&lt;/span&gt;meta&lt;span class=&#34;token punctuation&#34;&gt;)&lt;/span&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;9&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; &lt;span class=&#34;token keyword&#34;&gt;var&lt;/span&gt; playlist &lt;span class=&#34;token operator&#34;&gt;=&lt;/span&gt; store&lt;span class=&#34;token punctuation&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;token function&#34;&gt;get&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;(&lt;/span&gt;skey&lt;span class=&#34;token punctuation&#34;&gt;)&lt;/span&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;10&#34;&gt;&lt;/td&gt;&lt;td&gt;&lt;pre&gt; &lt;span class=&#34;token keyword&#34;&gt;if&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;(&lt;/span&gt;playlist&lt;span class=&#34;token punctuation&#34;&gt;)&lt;/span&gt; &lt;span class=&#34;token punctuation&#34;&gt;&amp;#123;&lt;/span&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td data-num=&#34;11&#34;&gt;&lLine truncated
<category term="极空间" scheme="https://blog.jingxiyuan.cn/categories/%E6%9E%81%E7%A9%BA%E9%97%B4/" />
<category term="Docker" scheme="https://blog.jingxiyuan.cn/categories/%E6%9E%81%E7%A9%BA%E9%97%B4/Docker/" />
<category term="Hexo" scheme="https://blog.jingxiyuan.cn/categories/%E6%9E%81%E7%A9%BA%E9%97%B4/Docker/Hexo/" />
<category term="博客" scheme="https://blog.jingxiyuan.cn/tags/%E5%8D%9A%E5%AE%A2/" />
<category term="Hexo" scheme="https://blog.jingxiyuan.cn/tags/Hexo/" />
<category term="Shoka" scheme="https://blog.jingxiyuan.cn/tags/Shoka/" />
<category term="背景音乐" scheme="https://blog.jingxiyuan.cn/tags/%E8%83%8C%E6%99%AF%E9%9F%B3%E4%B9%90/" />
<updated>2022-09-26T11:30:00.000Z</updated>
</entry>
</feed>