{"id":813,"date":"2024-08-03T22:40:04","date_gmt":"2024-08-03T14:40:04","guid":{"rendered":"https:\/\/levin.ink\/?p=813"},"modified":"2024-08-03T22:46:37","modified_gmt":"2024-08-03T14:46:37","slug":"other-nan-2-%e7%bd%91%e7%bb%9c","status":"publish","type":"post","link":"https:\/\/levin.ink\/?p=813","title":{"rendered":"Other &#8211; NaN-2 \u7f51\u7edc"},"content":{"rendered":"<h1>\u7f51\u7edc\u5206\u5c42\u6a21\u578b\u548c\u5e94\u7528\u534f\u8bae<\/h1>\n<h2>\u5206\u5c42\u6a21\u578b<\/h2>\n<h3>\u4e94\u5c42\u7f51\u7edc\u6a21\u578b<\/h3>\n<p>\u9762\u5bf9\u590d\u6742\u7684\u95ee\u9898\uff0c\u53ef\u4ee5\u4f7f\u7528\u5206\u5c42\u7684\u65b9\u5f0f\u6765\u7b80\u5316\u3002<br \/>\n\u7ecf\u8fc7\u4e0d\u65ad\u7684\u6f14\u5316\uff0c\u7f51\u7edc\u6700\u7ec8\u5f62\u6210\u4e86\u4e94\u5c42\u6a21\u578b\uff1a<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223207-1.png\" alt=\"Pasted image 20240803223207.png\"><\/p>\n<h3>\u6570\u636e\u7684\u4f20\u8f93<\/h3>\n<p>\u53d1\u9001\u65b9\u4ece\u4e0a\u5230\u4e0b\u5c06\u4fe1\u606f\u5c01\u88c5\uff0c\u6bcf\u4e00\u5c42\u5f80\u4fe1\u606f\u5185\u52a0\u5165\u4e00\u4e9b\u4fe1\u606f\uff0c\u6700\u7ec8\u53d1\u9001\u51fa\u53bb\uff0c<br \/>\n\u63a5\u6536\u65b9\u5f97\u5230\u4fe1\u606f\u540e\uff0c\u4ece\u4e0b\u5f80\u4e0a\u4e00\u5c42\u4e00\u5c42\u89e3\u5c01\u88c5\uff0c\u5f97\u5230\u6e90\u4fe1\u606f\u3002<\/p>\n<h3>\u56db\u5c42\u3001\u4e94\u5c42\u3001\u4e03\u5c42<\/h3>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223233-1.png\" alt=\"Pasted image 20240803223233.png\"><\/p>\n<h2>\u5e94\u7528\u5c42\u534f\u8bae<\/h2>\n<h3>URL<\/h3>\n<p>URL\uff08uniform resource locator\uff0c\u7edf\u4e00\u8d44\u6e90\u5b9a\u4f4d\u7b26\uff09\u7528\u4e8e\u5b9a\u4f4d\u7f51\u7edc\u670d\u52a1<br \/>\nURL\u662f\u4e00\u4e2a\u56fa\u5b9a\u683c\u5f0f\u7684\u5b57\u7b26\u4e32<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223301-1.png\" alt=\"Pasted image 20240803223301.png\"><\/p>\n<p>\u4ece\u7f51\u7edc\u4e2d==\u54ea\u53f0\u8ba1\u7b97\u673a\uff08domain\uff09==\u4e2d\u7684==\u54ea\u4e2a\u7a0b\u5e8f\uff08port\uff09==\u5bfb\u627e==\u54ea\u4e2a\u670d\u52a1\uff08path\uff09==\uff0c\u5e76\u6ce8\u660e\u4e86\u83b7\u53d6\u670d\u52a1\u7684==\u5177\u4f53\u7ec6\u8282\uff08path\uff09==\uff0c\u4ee5\u53ca\u8981\u7528\u4ec0\u4e48\u6837\u7684==\u534f\u8bae\u901a\u4fe1\uff08schema\uff09==<\/p>\n<blockquote>\n<p>\u8fd9\u91cc\u9762\u5305\u542b\u4e86\u4e00\u4e9b\u7ec6\u8282\uff1a<\/p>\n<ul>\n<li>\u5f53\u534f\u8bae\u662f<code>http<\/code>\u7aef\u53e3\u4e3a<code>80<\/code>\u65f6\uff0c\u7aef\u53e3\u53ef\u4ee5\u7701\u7565<\/li>\n<li>\u5f53\u534f\u8bae\u662f<code>https<\/code>\u7aef\u53e3\u4e3a<code>443<\/code>\u65f6\uff0c\u7aef\u53e3\u53ef\u4ee5\u7701\u7565<\/li>\n<li><code>schema<\/code>\u3001<code>domain<\/code>\u3001<code>path<\/code>\u662f\u5fc5\u586b\u7684\uff0c\u5176\u4ed6\u7684\u6839\u636e\u5177\u4f53\u7684\u8981\u6c42\u586b\u5199<\/li>\n<\/ul>\n<\/blockquote>\n<blockquote>\n<p>URL \u662f URI \u7684\u5b50\u96c6<\/p>\n<\/blockquote>\n<h3>HTTP<\/h3>\n<p>\u8d85\u6587\u672c\u4f20\u8f93\u534f\u8bae\uff08Hyper Text Transfer Protocol\uff0c<em>HTTP<\/em>\uff09<\/p>\n<p>\u8be5\u534f\u8bae\u89c4\u5b9a\u4e86\u4e24\u4e2a\u65b9\u9762\u7684\u5185\u5bb9\uff1a<\/p>\n<ul>\n<li><strong>\u4f20\u9012\u6d88\u606f\u7684\u6a21\u5f0f<\/strong><\/li>\n<li><strong>\u4f20\u9012\u6d88\u606f\u7684\u683c\u5f0f<\/strong><\/li>\n<\/ul>\n<h4>\u4f20\u9012\u6d88\u606f\u7684\u6a21\u5f0f<\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223319-1.png\" alt=\"Pasted image 20240803223319.png\"><\/p>\n<p>HTTP\u4f7f\u7528\u4e86\u4e00\u79cd\u6781\u4e3a\u7b80\u5355\u7684\u6d88\u606f\u4f20\u9012\u6a21\u5f0f\uff0c\u300c\u8bf7\u6c42-\u54cd\u5e94\u300d\u6a21\u5f0f<br \/>\n\u53d1\u8d77\u8bf7\u6c42\u7684\u79f0\u4e4b\u4e3a\u5ba2\u6237\u7aef\uff0c\u63a5\u6536\u8bf7\u6c42\u5e76\u5b8c\u6210\u54cd\u5e94\u7684\u79f0\u4e4b\u4e3a\u670d\u52a1\u5668\u3002<br \/>\n\u300c\u8bf7\u6c42-\u54cd\u5e94\u300d\u5b8c\u6210\u540e\uff0c\u4e00\u6b21\u4ea4\u4e92\u7ed3\u675f\u3002<\/p>\n<h4>\u4f20\u9012\u6d88\u606f\u7684\u683c\u5f0f<\/h4>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223339-1.png\" alt=\"Pasted image 20240803223339.png\"><\/p>\n<p>HTTP\u7684\u6d88\u606f\u683c\u5f0f\u662f\u4e00\u79cd\u7eaf\u6587\u672c\u7684\u683c\u5f0f\uff0c\u6587\u672c\u5206\u4e3a\u4e09\u4e2a\u90e8\u5206\uff1a<\/p>\n<pre><code>\u8bf7\u6c42\u884c\n\u8bf7\u6c42\u5934\n\n\u8bf7\u6c42\u4f53\n<\/code><\/pre>\n<p><strong>\u5177\u4f53\u6bcf\u4e00\u90e8\u5206\u5199\u4ec0\u4e48\u5185\u5bb9\uff0c\u6839\u636e\u60c5\u51b5<\/strong><\/p>\n<h4>\u5173\u952e\u4fe1\u606f<\/h4>\n<h5>\u8bf7\u6c42\u65b9\u6cd5<\/h5>\n<p>\u8bf7\u6c42\u884c\u4e2d\u7684\u7b2c\u4e00\u4e2a\u5355\u8bcd\u662f\u8bf7\u6c42\u65b9\u6cd5<br \/>\n<strong>\u5728HTTP\u534f\u8bae\u4e2d\uff0c\u8bf7\u6c42\u65b9\u6cd5\u4ec5\u6709\u8bed\u4e49\u7684\u533a\u522b<\/strong>\uff0c\u53ea\u662f\u8868\u8fbe\u4e86\u8fd9\u6b21\u8bf7\u6c42\u7684\u300c\u613f\u671b\u300d\u3002<\/p>\n<p>\u6bd4\u5982<code>GET<\/code>\u8868\u8fbe\u4e86\u5ba2\u6237\u7aef\u60f3\u8981\u83b7\u53d6\u4e00\u4e9b\u4e1c\u897f\uff0c<code>POST<\/code>\u8868\u8fbe\u4e86\u5ba2\u6237\u7aef\u60f3\u8981\u63d0\u4ea4\u4e00\u4e9b\u4e1c\u897f<\/p>\n<p>\u5e38\u89c1\u7684\u8bf7\u6c42\u65b9\u6cd5\u6709\uff1a<\/p>\n<ul>\n<li><code>GET<\/code>\uff1a\u83b7\u53d6<\/li>\n<li><code>POST<\/code>\uff1a\u63d0\u4ea4<\/li>\n<li><code>PUT<\/code>\uff1a\u4fee\u6539<\/li>\n<li><code>DELETE<\/code>\uff1a\u5220\u9664<\/li>\n<\/ul>\n<p>\u901a\u5e38\u60c5\u51b5\u4e0b\uff1a<\/p>\n<ul>\n<li>\u83b7\u53d6\u6570\u636e\u4e00\u822c\u4f7f\u7528<code>GET<\/code><\/li>\n<li>\u63d0\u4ea4\u6570\u636e\u4e00\u822c\u4f7f\u7528<code>POST<\/code><\/li>\n<li>\u5404\u79cd\u9759\u6001\u8d44\u6e90\u7684\u83b7\u53d6\uff0c\u4e00\u822c\u4f7f\u7528<code>GET<\/code><\/li>\n<\/ul>\n<h5>\u8bf7\u6c42\u5934 - <code>Host<\/code><\/h5>\n<p><code>Host<\/code>\u6807\u6ce8\u4e86<code>URL<\/code>\u5730\u5740\u4e2d\u7684<code>Domain + Port<\/code><\/p>\n<pre><code>Host: levin.ink\n<\/code><\/pre>\n<h5>\u8bf7\u6c42\u5934 - <code>Content-Type<\/code><\/h5>\n<p><code>Content-Type<\/code>\u6807\u6ce8\u4e86\u9644\u5e26\u7684\u8bf7\u6c42\u4f53\u662f\u4ec0\u4e48\u683c\u5f0f<br \/>\n\u5982\uff0c\u8bf7\u6c42\u4f53\u7684\u6570\u636e\u4e3a<code>loginId:admin, loginPwd:123456<\/code>\uff0c\u8bf7\u6c42\u4f53\u53ef\u4ee5\u7528\u4e0d\u540c\u7684\u683c\u5f0f\u53d1\u51fa<\/p>\n<pre><code>Content-Type: application\/x-www-form-urlencoded\n\nloginId=admin&amp;loginPwd=123123\n<\/code><\/pre>\n<pre><code>Content-Type: application\/json\n\n{ &quot;loginId&quot;: &quot;admin&quot;, &quot;loginPwd&quot;: &quot;123123&quot; }\n<\/code><\/pre>\n<pre><code>Content-Type: multipart\/form-data; boundary=aaa\n\n--aaa\nContent-Disposition: form-data; name=&quot;loginId&quot;\n\nadmin\n--aaa\nContent-Disposition: form-data; name=&quot;loginPwd&quot;\n\n123456\n--aaa\nContent-Disposition: form-data; name=&quot;avatar&quot;; filename=&quot;small.jpg&quot;\nContent-Type: image\/jpeg\n\n\u6587\u4ef6\u7684\u4e8c\u8fdb\u5236\n--aaa--\n\n<\/code><\/pre>\n<blockquote>\n<p>x\/y MINE\u7528\u4e8e\u63cf\u8ff0\u683c\u5f0f<br \/>\nimage\/png, image\/gif, text\/plain<\/p>\n<\/blockquote>\n<h5>\u54cd\u5e94\u7801<\/h5>\n<p>\u54cd\u5e94\u7801\uff08\u72b6\u6001\u7801\u3001\u6d88\u606f\u7801\uff09\u662f\u54cd\u5e94\u884c\u4e2d\u7684\u4e00\u4e2a\u6570\u5b57\uff0c\u540e\u9762\u5f80\u5f80\u8ddf\u4e0a\u4e00\u4e2a\u5bf9\u5e94\u7684\u5355\u8bcd\uff0c\u7528\u4e8e\u8868\u8fbe\u670d\u52a1\u5668\u5bf9\u8fd9\u4e2a\u54cd\u5e94\u7684\u6574\u4f53\u300c\u6001\u5ea6\u300d<\/p>\n<p>\u5e38\u89c1\u7684\u54cd\u5e94\u7801\u6709\uff1a<br \/>\n<img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223402-1.png\" alt=\"Pasted image 20240803223402.png\"><\/p>\n<p>\u5e38\u89c1\u7684\u72b6\u6001\u7801\u6709\uff1a<\/p>\n<ol>\n<li>200 OK\uff1a\u4e00\u5207\u6b63\u5e38\u3002<\/li>\n<li>301 Moved Permanently\uff1a\u8d44\u6e90\u5df2\u88ab\u6c38\u4e45\u91cd\u5b9a\u5411\u3002<br \/>\n\u8d44\u6e90\u5730\u5740\u5728\u54cd\u5e94\u5934\u4e2d\u7684Location\u4e2d\uff0c\u6d4f\u89c8\u5668\u4f1a\u4fdd\u5b58\u4fe1\u606f<\/li>\n<li>302 Found\uff1a\u8d44\u6e90\u5df2\u88ab\u4e34\u65f6\u91cd\u5b9a\u5411\u3002<br \/>\n\u6d4f\u89c8\u5668\u4f1a\u7f13\u5b58<\/li>\n<li>304 Not Modified\uff1a\u6587\u6863\u5185\u5bb9\u672a\u88ab\u4fee\u6539\u3002<\/li>\n<li>400 Bad Request\uff1a\u8bed\u4e49\u6709\u8bef\uff0c\u5f53\u524d\u8bf7\u6c42\u65e0\u6cd5\u88ab\u670d\u52a1\u5668\u7406\u89e3\u3002<\/li>\n<li>403 Forbidden\uff1a\u670d\u52a1\u5668\u62d2\u7edd\u6267\u884c\u3002<\/li>\n<li>404 Not Found\uff1a\u8d44\u6e90\u4e0d\u5b58\u5728\u3002<\/li>\n<li>500 Internal Server Error\uff1a\u670d\u52a1\u5668\u5185\u90e8\u9519\u8bef\u3002<\/li>\n<\/ol>\n<h5>\u54cd\u5e94\u5934 - <code>Content-Type<\/code><\/h5>\n<p><code>Content-Type<\/code>\u6807\u6ce8\u4e86\u9644\u5e26\u7684\u54cd\u5e94\u4f53\u662f\u4ec0\u4e48\u683c\u5f0f<\/p>\n<p>\u5e38\u89c1\u7684\u503c\u6709\uff1a<\/p>\n<ol>\n<li><code>text\/plain<\/code>: \u666e\u901a\u7684\u7eaf\u6587\u672c<\/li>\n<li><code>text\/html<\/code>\uff1ahtml\u6587\u6863<\/li>\n<li><code>text\/javascript<\/code> \u6216 <code>application\/javascript<\/code>\uff1ajs\u4ee3\u7801<\/li>\n<li><code>text\/css<\/code>\uff1acss\u4ee3\u7801<\/li>\n<li><code>image\/jpeg<\/code>\uff1ajpg\u56fe\u7247<\/li>\n<li><code>attachment<\/code>\uff1a\u9644\u4ef6<\/li>\n<li>\u5176\u4ed6<code>MIME<\/code>\u7c7b\u578b<\/li>\n<\/ol>\n<h1>\u6d4f\u89c8\u5668\u7684\u901a\u4fe1\u80fd\u529b<\/h1>\n<h2>\u7528\u6237\u4ee3\u7406<\/h2>\n<p>\u6d4f\u89c8\u5668\u53ef\u4ee5\u4ee3\u66ff\u7528\u6237\u5b8c\u6210http\u8bf7\u6c42\uff0c\u4ee3\u66ff\u7528\u6237\u89e3\u6790\u54cd\u5e94\u7ed3\u679c\uff0c\u79f0\u4e4b\u4e3a<strong>\u7528\u6237\u4ee3\u7406 user agent<\/strong><\/p>\n<p>\u5728\u7f51\u7edc\u5c42\u9762\u6d4f\u89c8\u5668\u62e5\u6709\u7684\u4e24\u5927\u6838\u5fc3\u80fd\u529b\uff1a<\/p>\n<ul>\n<li>\u81ea\u52a8\u53d1\u51fa\u8bf7\u6c42\u7684\u80fd\u529b<\/li>\n<li>\u81ea\u52a8\u89e3\u6790\u54cd\u5e94\u7684\u80fd\u529b<\/li>\n<\/ul>\n<h3>\u81ea\u52a8\u53d1\u51fa\u8bf7\u6c42\u7684\u80fd\u529b<\/h3>\n<p>\u5f53\u4e00\u4e9b\u4e8b\u60c5\u53d1\u751f\u7684\u65f6\u5019\uff0c\u6d4f\u89c8\u5668\u4f1a\u4ee3\u66ff\u7528\u6237\u81ea\u52a8\u53d1\u51fahttp\u8bf7\u6c42\uff0c\u5e38\u89c1\u7684\u5305\u62ec\uff1a<\/p>\n<ol>\n<li><strong>\u7528\u6237\u5728\u5730\u5740\u680f\u8f93\u5165\u4e86\u4e00\u4e2aurl\u5730\u5740\uff0c\u5e76\u6309\u4e0b\u4e86\u56de\u8f66<\/strong><br \/>\n\u6d4f\u89c8\u5668\u4f1a\u81ea\u52a8\u89e3\u6790URL\uff0c\u5e76\u53d1\u51fa\u4e00\u4e2a<code>GET<\/code>\u8bf7\u6c42\uff0c\u540c\u65f6\u629b\u5f03\u5f53\u524d\u9875\u9762\u3002<\/li>\n<li><strong>\u5f53\u7528\u6237\u70b9\u51fb\u4e86\u9875\u9762\u4e2d\u7684a\u5143\u7d20<\/strong><br \/>\n\u6d4f\u89c8\u5668\u4f1a\u62ff\u5230a\u5143\u7d20\u7684href\u5730\u5740\uff0c\u5e76\u53d1\u51fa\u4e00\u4e2a<code>GET<\/code>\u8bf7\u6c42\uff0c\u540c\u65f6\u629b\u5f03\u5f53\u524d\u9875\u9762\u3002<br \/>\n\u901a\u5e38\u4e66\u5199\u7684\u5730\u5740\u5e76\u4e0d\u662f\u5b8c\u6574\u7684url\u5730\u5740\uff0c\u6d4f\u89c8\u5668\u4f1a\u81ea\u52a8\u8865\u5168\u3002<br \/>\n\u901a\u5e38\u4f1a\u4f7f\u7528\u5f53\u524d\u9875\u9762\u7684url\u4fe1\u606f\u6765\u8865\u5168\u7f3a\u5c11\u7684\u4fe1\u606f\u3002<\/li>\n<\/ol>\n<pre><code class=\"language-plaintext\">\u5f53\u524d\u9875\u9762 https:\/\/levin.ink\/a\/b\/1.html\n\u7edd\u5bf9\u8def\u5f84 \/a\/c\/2.html -&gt; https:\/\/levin.ink\/a\/c\/2.html\n\u76f8\u5bf9\u8def\u5f84 .\/3.html -&gt; https:\/\/levin.ink\/a\/b\/3.html\n        3.html -&gt; https:\/\/levin.ink\/a\/b\/3.html\n        ..\/c\/4.html -&gt; https:\/\/levin.ink\/a\/c\/4.html\n<\/code><\/pre>\n<ol start=\"3\">\n<li><strong>\u5f53\u7528\u6237\u70b9\u51fb\u4e86\u63d0\u4ea4\u6309\u94ae<code>&lt;button type=&quot;submit&quot;&gt;...&lt;\/button&gt;<\/code><\/strong><br \/>\n\u6d4f\u89c8\u5668\u4f1a\u83b7\u53d6\u6309\u94ae\u6240\u5728\u7684<code>&lt;form&gt;<\/code>\u5143\u7d20\uff0c\u62ff\u5230\u5b83\u7684<code>action<\/code>\u5c5e\u6027\u5730\u5740\uff0c\u540c\u65f6\u62ff\u5230\u5b83<code>method<\/code>\u5c5e\u6027\u503c\uff0c\u7136\u540e\u628a\u8868\u5355\u4e2d\u7684\u6570\u636e\u7ec4\u7ec7\u5230\u8bf7\u6c42\u4f53\u4e2d\uff0c\u53d1\u51fa<code>\u6307\u5b9a\u65b9\u6cd5<\/code>\u7684\u8bf7\u6c42\uff0c\u540c\u65f6\u629b\u5f03\u5f53\u524d\u9875\u9762\u3002<\/li>\n<li><strong>\u5f53\u89e3\u6790HTML\u65f6\u9047\u5230\u4e86<code>&lt;link&gt; &lt;img&gt; &lt;script&gt; &lt;video&gt; &lt;audio&gt;<\/code>\u7b49\u5143\u7d20<\/strong><br \/>\n\u6d4f\u89c8\u5668\u4f1a\u62ff\u5230\u5bf9\u5e94\u7684\u5730\u5740\uff0c\u53d1\u51fa<code>GET<\/code>\u8bf7\u6c42<\/li>\n<li><strong>\u5f53\u7528\u6237\u70b9\u51fb\u4e86\u5237\u65b0<\/strong><br \/>\n\u6d4f\u89c8\u5668\u4f1a\u62ff\u5230\u5f53\u524d\u9875\u9762\u7684\u5730\u5740\uff0c\u4ee5\u53ca\u5f53\u524d\u9875\u9762\u7684\u8bf7\u6c42\u65b9\u6cd5\uff0c\u91cd\u65b0\u53d1\u4e00\u6b21\u8bf7\u6c42\uff0c\u540c\u65f6\u629b\u5f03\u5f53\u524d\u9875\u9762\u3002<\/li>\n<\/ol>\n<blockquote>\n<p>\u6d4f\u89c8\u5668\u5728\u53d1\u51fa\u8bf7\u6c42\u65f6\uff0c\u4f1a\u81ea\u52a8\u9644\u5e26\u4e00\u4e9b\u8bf7\u6c42\u5934<\/p>\n<\/blockquote>\n<p>\u670d\u52a1\u5668\u548c\u6d4f\u89c8\u5668\u90fd\u6709\u4e00\u4e2a\u7ea6\u5b9a\uff1a<br \/>\n<strong>\u5f53\u53d1\u9001GET\u8bf7\u6c42\u65f6\uff0c\u4e0d\u4f1a\u9644\u5e26\u8bf7\u6c42\u4f53<\/strong><\/p>\n<p>\u7531\u4e8e\u524d\u540e\u7aef\u7a0b\u5e8f\u7684\u9ed8\u8ba4\u884c\u4e3a\uff0c\u9010\u6b65\u9020\u6210\u4e86GET\u548cPOST\u7684\u5404\u79cd\u5dee\u5f02\uff1a<\/p>\n<ol>\n<li>\u6d4f\u89c8\u5668\u5728\u53d1\u9001 GET \u8bf7\u6c42\u65f6\uff0c\u4e0d\u4f1a\u9644\u5e26\u8bf7\u6c42\u4f53<\/li>\n<li>GET \u8bf7\u6c42\u7684\u4f20\u9012\u4fe1\u606f\u91cf\u6709\u9650\uff0c\u9002\u5408\u4f20\u9012\u5c11\u91cf\u6570\u636e\uff1bPOST \u8bf7\u6c42\u7684\u4f20\u9012\u4fe1\u606f\u91cf\u662f\u6ca1\u6709\u9650\u5236\u7684\uff0c\u9002\u5408\u4f20\u8f93\u5927\u91cf\u6570\u636e\u3002<\/li>\n<li>GET \u8bf7\u6c42\u53ea\u80fd\u4f20\u9012 ASCII \u6570\u636e\uff0c\u9047\u5230\u975e ASCII \u6570\u636e\u9700\u8981\u8fdb\u884c\u7f16\u7801\uff1bPOST \u8bf7\u6c42\u6ca1\u6709\u9650\u5236<\/li>\n<li>\u5927\u90e8\u5206 GET \u8bf7\u6c42\u4f20\u9012\u7684\u6570\u636e\u90fd\u9644\u5e26\u5728 path \u53c2\u6570\u4e2d\uff0c\u80fd\u591f\u901a\u8fc7\u5206\u4eab\u5730\u5740\u5b8c\u6574\u7684\u91cd\u73b0\u9875\u9762\uff0c\u4f46\u540c\u65f6\u4e5f\u66b4\u9732\u4e86\u6570\u636e\uff0c\u82e5\u6709\u654f\u611f\u6570\u636e\u4f20\u9012\uff0c\u4e0d\u5e94\u8be5\u4f7f\u7528 GET \u8bf7\u6c42\uff0c\u81f3\u5c11\u4e0d\u5e94\u8be5\u653e\u5230 path \u4e2d<\/li>\n<li>POST \u4e0d\u4f1a\u88ab\u4fdd\u5b58\u5230\u6d4f\u89c8\u5668\u7684\u5386\u53f2\u8bb0\u5f55\u4e2d<\/li>\n<li>\u5237\u65b0\u9875\u9762\u65f6\uff0c\u82e5\u5f53\u524d\u7684\u9875\u9762\u662f\u901a\u8fc7 POST \u8bf7\u6c42\u5f97\u5230\u7684\uff0c\u5219\u6d4f\u89c8\u5668\u4f1a\u63d0\u793a\u7528\u6237\u662f\u5426\u91cd\u65b0\u63d0\u4ea4\u3002\u82e5\u662f GET \u8bf7\u6c42\u5f97\u5230\u7684\u9875\u9762\u5219\u6ca1\u6709\u63d0\u793a\u3002<\/li>\n<\/ol>\n<h3>\u81ea\u52a8\u89e3\u6790\u54cd\u5e94\u7684\u80fd\u529b<\/h3>\n<p>\u6d4f\u89c8\u5668\u4e0d\u4ec5\u80fd\u53d1\u9001\u8bf7\u6c42\uff0c\u8fd8\u80fd\u591f\u9488\u5bf9\u670d\u52a1\u5668\u7684\u5404\u79cd\u54cd\u5e94\u7ed3\u679c\u505a\u51fa\u4e0d\u540c\u7684\u81ea\u52a8\u5904\u7406<\/p>\n<ol>\n<li><strong>\u8bc6\u522b\u54cd\u5e94\u7801<\/strong><br \/>\n\u6d4f\u89c8\u5668\u80fd\u591f\u81ea\u52a8\u8bc6\u522b\u54cd\u5e94\u7801\uff0c\u5f53\u51fa\u73b0\u4e00\u4e9b\u7279\u6b8a\u7684\u54cd\u5e94\u7801\u65f6\u6d4f\u89c8\u5668\u4f1a\u81ea\u52a8\u5b8c\u6210\u5904\u7406\uff0c\u6bd4\u5982<code>301\u3001302<\/code><\/li>\n<li><strong>\u6839\u636e\u54cd\u5e94\u7ed3\u679c\u505a\u4e0d\u540c\u7684\u5904\u7406<\/strong><br \/>\n\u6d4f\u89c8\u5668\u80fd\u591f\u81ea\u52a8\u5206\u6790\u54cd\u5e94\u5934\u4e2d\u7684<code>Content-Type<\/code>\uff0c\u6839\u636e\u4e0d\u540c\u7684\u503c\u8fdb\u884c\u4e0d\u540c\u5904\u7406\uff0c\u6bd4\u5982\uff1a<\/p>\n<ul>\n<li><code>text\/plain<\/code>: \u666e\u901a\u7684\u7eaf\u6587\u672c\uff0c\u6d4f\u89c8\u5668\u901a\u5e38\u4f1a\u5c06\u54cd\u5e94\u4f53\u539f\u5c01\u4e0d\u52a8\u7684\u663e\u793a\u5230\u9875\u9762\u4e0a<\/li>\n<li><code>text\/html<\/code>\uff1ahtml\u6587\u6863\uff0c\u6d4f\u89c8\u5668\u901a\u5e38\u4f1a\u5c06\u54cd\u5e94\u4f53\u4f5c\u4e3a\u9875\u9762\u8fdb\u884c\u6e32\u67d3<\/li>\n<li><code>text\/javascript<\/code>\u6216<code>application\/javascript<\/code>\uff1ajs\u4ee3\u7801\uff0c\u6d4f\u89c8\u5668\u901a\u5e38\u4f1a\u4f7f\u7528JS\u6267\u884c\u5f15\u64ce\u5c06\u5b83\u89e3\u6790\u6267\u884c<\/li>\n<li><code>text\/css<\/code>\uff1acss\u4ee3\u7801\uff0c\u6d4f\u89c8\u5668\u4f1a\u5c06\u5b83\u89c6\u4e3a\u6837\u5f0f<\/li>\n<li><code>image\/jpeg<\/code>\uff1a\u6d4f\u89c8\u5668\u4f1a\u5c06\u5b83\u89c6\u4e3ajpg\u56fe\u7247<\/li>\n<li><code>application\/octet-stream<\/code>\uff1a\u4e8c\u8fdb\u5236\u6570\u636e\uff0c\u4f1a\u89e6\u53d1\u6d4f\u89c8\u5668\u4e0b\u8f7d\u529f\u80fd<\/li>\n<li><code>attachment<\/code>\uff1a\u9644\u4ef6\uff0c\u4f1a\u89e6\u53d1\u4e0b\u8f7d\u529f\u80fd<br \/>\n\u8be5\u503c\u548c\u5176\u4ed6\u503c\u4e0d\u540c\uff0c\u5e94\u653e\u5230<code>Content-Disposition<\/code>\u5934\u4e2d\u3002<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3>\u57fa\u672c\u6d41\u7a0b<\/h3>\n<blockquote>\n<p>\u8bbf\u95ee\uff1ahttps:\/\/levin.ink<\/p>\n<\/blockquote>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223439-1.png\" alt=\"Pasted image 20240803223439.png\"><\/p>\n<h2>AJAX<\/h2>\n<blockquote>\n<p>\u6d4f\u89c8\u5668\u672c\u8eab\u5c31\u5177\u5907\u7f51\u7edc\u901a\u4fe1\u7684\u80fd\u529b\uff0c\u4f46\u5728\u65e9\u671f\uff0c\u6d4f\u89c8\u5668\u5e76\u6ca1\u6709\u628a\u8fd9\u4e2a\u80fd\u529b\u5f00\u653e\u7ed9JS\u3002<br \/>\n\u6700\u65e9\u662f\u5fae\u8f6f\u5728IE\u6d4f\u89c8\u5668\u4e2d\u628a\u8fd9\u4e00\u80fd\u529b\u5411JS\u5f00\u653e\uff0c\u8ba9JS\u53ef\u4ee5\u5728\u4ee3\u7801\u4e2d\u5b9e\u73b0\u53d1\u9001\u8bf7\u6c42\uff0c\u5e76\u4e0d\u4f1a\u5237\u65b0\u9875\u9762\uff0c\u8fd9\u9879\u6280\u672f\u57282005\u5e74\u88ab\u6b63\u5f0f\u547d\u540d\u4e3aAJAX\uff08<strong>A<\/strong>synchronous <strong>J<\/strong>avascript <strong>A<\/strong>nd <strong>X<\/strong>ML\uff09<\/p>\n<\/blockquote>\n<p>AJAX \u5c31\u662f\u6307\u5728web\u5e94\u7528\u7a0b\u5e8f\u4e2d\u5f02\u6b65\u5411\u670d\u52a1\u5668\u53d1\u9001\u8bf7\u6c42\u3002<br \/>\n\u5b83\u7684\u5b9e\u73b0\u65b9\u5f0f\u6709\u4e24\u79cd\uff0c<code>XMLHttpRequest \u7b80\u79f0XHR<\/code>\u548c<code>Fetch<\/code><br \/>\n\u4ee5\u4e0b\u662f\u4e24\u8005\u7684\u5bf9\u6bd4<\/p>\n<table>\n<thead>\n<tr>\n<th>\u529f\u80fd\u70b9<\/th>\n<th>XHR<\/th>\n<th>Fetch<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u57fa\u672c\u7684\u8bf7\u6c42\u80fd\u529b<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>\u57fa\u672c\u7684\u83b7\u53d6\u54cd\u5e94\u80fd\u529b<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>\u76d1\u63a7\u8bf7\u6c42\u8fdb\u5ea6<\/td>\n<td>\u2705<\/td>\n<td>\u274c<\/td>\n<\/tr>\n<tr>\n<td>\u76d1\u63a7\u54cd\u5e94\u8fdb\u5ea6<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>Service Worker\u4e2d\u662f\u5426\u53ef\u7528<\/td>\n<td>\u274c<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>\u63a7\u5236cookie\u7684\u643a\u5e26<\/td>\n<td>\u274c<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>\u63a7\u5236\u91cd\u5b9a\u5411<\/td>\n<td>\u274c<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>\u8bf7\u6c42\u53d6\u6d88<\/td>\n<td>\u2705<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>\u81ea\u5b9a\u4e49referrer<\/td>\n<td>\u274c<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>\u6d41<\/td>\n<td>\u274c<\/td>\n<td>\u2705<\/td>\n<\/tr>\n<tr>\n<td>API\u98ce\u683c<\/td>\n<td><code>Event<\/code><\/td>\n<td><code>Promise<\/code><\/td>\n<\/tr>\n<tr>\n<td>\u6d3b\u8dc3\u5ea6<\/td>\n<td>\u505c\u6b62\u66f4\u65b0<\/td>\n<td>\u4e0d\u65ad\u66f4\u65b0<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h1>\u8de8\u57df\u95ee\u9898\u53ca\u89e3\u51b3\u65b9\u6848<\/h1>\n<h2>\u540c\u6e90\u7b56\u7565\u53ca\u8de8\u57df\u95ee\u9898<\/h2>\n<p><strong>\u540c\u6e90\u7b56\u7565<\/strong>\u662f\u4e00\u5957\u6d4f\u89c8\u5668<strong>\u5b89\u5168\u673a\u5236<\/strong>\uff0c\u5f53\u4e00\u4e2a<strong>\u6e90<\/strong>\u7684\u6587\u6863\u548c\u811a\u672c\uff0c\u4e0e\u53e6\u4e00\u4e2a<strong>\u6e90<\/strong>\u7684\u8d44\u6e90\u8fdb\u884c\u901a\u4fe1\u65f6\uff0c\u540c\u6e90\u7b56\u7565\u5c31\u4f1a\u5bf9\u8fd9\u4e2a\u901a\u4fe1\u505a\u51fa\u4e0d\u540c\u7a0b\u5ea6\u7684\u9650\u5236\u3002<br \/>\n\u7b80\u5355\u6765\u8bf4\uff0c\u540c\u6e90\u7b56\u7565\u5bf9 <strong>\u540c\u6e90\u8d44\u6e90<\/strong> <strong>\u653e\u884c<\/strong>\uff0c\u5bf9 <strong>\u5f02\u6e90\u8d44\u6e90<\/strong> <strong>\u9650\u5236<\/strong><br \/>\n\u56e0\u6b64\u9650\u5236\u9020\u6210\u7684\u5f00\u53d1\u95ee\u9898\uff0c\u79f0\u4e4b\u4e3a<strong>\u8de8\u57df\uff08\u5f02\u6e90\uff09\u95ee\u9898<\/strong><\/p>\n<h3>\u540c\u6e90\u548c\u5f02\u6e90<\/h3>\n<pre><code>\u6e90(origin) = \u534f\u8bae + \u57df\u540d + \u7aef\u53e3\n<\/code><\/pre>\n<p>\u4f8b\u5982:<br \/>\n<code>http:\/\/localhost:7001\/index.html<\/code>\u7684\u6e90\u4e3a<code>http:\/\/localhost:7001<\/code><\/p>\n<p>\u4e24\u4e2aURL\u5730\u5740\u7684\u6e90<strong>\u5b8c\u5168\u76f8\u540c<\/strong>\uff0c\u5219\u79f0\u4e4b\u4e3a<strong>\u540c\u6e90<\/strong>\uff0c\u5426\u5219\u79f0\u4e4b\u4e3a<strong>\u5f02\u6e90\uff08\u8de8\u57df\uff09<\/strong><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223458-1.png\" alt=\"Pasted image 20240803223458.png\"><\/p>\n<h3>\u8de8\u57df\u51fa\u73b0\u7684\u573a\u666f<\/h3>\n<p>\u8de8\u57df\u53ef\u80fd\u51fa\u73b0\u5728\u4e09\u79cd\u573a\u666f\uff1a<\/p>\n<ul>\n<li><strong>\u7f51\u7edc\u901a\u4fe1<\/strong><br \/>\na\u5143\u7d20\u7684\u8df3\u8f6c\uff1b\u52a0\u8f7dcss\u3001js\u3001\u56fe\u7247\u7b49\uff1bAJAX\u7b49\u7b49<\/li>\n<li>JS API<br \/>\n<code>window.open<\/code>\u3001<code>window.parent<\/code>\u3001<code>iframe.contentWindow<\/code>\u7b49\u7b49<\/li>\n<li>\u5b58\u50a8<br \/>\n<code>WebStorage<\/code>\u3001<code>IndexedDB<\/code>\u7b49\u7b49<br \/>\n\u5bf9\u4e8e\u4e0d\u540c\u7684\u8de8\u57df\u573a\u666f\uff0c\u4ee5\u53ca\u6bcf\u4e2a\u573a\u666f\u4e2d\u4e0d\u540c\u7684\u8de8\u57df\u65b9\u5f0f\uff0c\u540c\u6e90\u7b56\u7565\u90fd\u6709\u4e0d\u540c\u7684\u9650\u5236\u3002<\/li>\n<\/ul>\n<p>\u91cd\u70b9\u8ba8\u8bba<strong>\u7f51\u7edc\u901a\u4fe1<\/strong>\u4e2d<code>AJAX<\/code>\u7684\u8de8\u57df\u95ee\u9898<\/p>\n<h3>\u7f51\u7edc\u4e2d\u7684\u8de8\u57df<\/h3>\n<p>\u5f53\u6d4f\u89c8\u5668\u8fd0\u884c\u9875\u9762\u540e\uff0c\u4f1a\u53d1\u51fa\u5f88\u591a\u7684\u7f51\u7edc\u8bf7\u6c42\uff0c\u4f8b\u5982CSS\u3001JS\u3001\u56fe\u7247\u3001AJAX\u7b49\u7b49<br \/>\n\u8bf7\u6c42\u9875\u9762\u7684\u6e90\u79f0\u4e4b\u4e3a<strong>\u9875\u9762\u6e90<\/strong>\uff0c\u5728\u8be5\u9875\u9762\u4e2d\u53d1\u51fa\u7684\u8bf7\u6c42\u79f0\u4e4b\u4e3a<strong>\u76ee\u6807\u6e90<\/strong>\u3002<br \/>\n\u5f53\u9875\u9762\u6e90\u548c\u76ee\u6807\u6e90\u4e00\u81f4\u65f6\uff0c\u5219\u4e3a<strong>\u540c\u6e90\u8bf7\u6c42<\/strong>\uff0c\u5426\u5219\u4e3a<strong>\u5f02\u6e90\u8bf7\u6c42\uff08\u8de8\u57df\u8bf7\u6c42\uff09<\/strong><\/p>\n<h3>\u6d4f\u89c8\u5668\u5982\u4f55\u9650\u5236\u5f02\u6e90\u8bf7\u6c42\uff1f<\/h3>\n<p>\u6d4f\u89c8\u5668\u5236\u5b9a\u4e86\u975e\u5e38\u7e41\u6742\u7684\u89c4\u5219\u6765\u9650\u5236\u5404\u79cd\u8de8\u57df\u8bf7\u6c42\uff0c\u4f46\u603b\u4f53\u7684\u539f\u5219\u975e\u5e38\u7b80\u5355\uff1a<\/p>\n<ul>\n<li>\u5bf9\u6807\u7b7e\u53d1\u51fa\u7684\u8de8\u57df\u8bf7\u6c42\u8f7b\u5fae\u9650\u5236<\/li>\n<li>\u5bf9AJAX\u53d1\u51fa\u7684\u8de8\u57df\u8bf7\u6c42<strong>\u4e25\u5389\u9650\u5236<\/strong><\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223509-1.png\" alt=\"Pasted image 20240803223509.png\"><\/p>\n<h2>\u89e3\u51b3\u65b9\u6848<\/h2>\n<h3>CORS<\/h3>\n<p>CORS\uff08Cross-Origin Resource Sharing\uff09\u662f\u6700\u6b63\u7edf\u7684\u8de8\u57df\u89e3\u51b3\u65b9\u6848\uff0c\u540c\u65f6\u4e5f\u662f\u6d4f\u89c8\u5668\u63a8\u8350\u7684\u89e3\u51b3\u65b9\u6848\u3002<br \/>\nCORS\u662f\u4e00\u5957\u89c4\u5219\uff0c\u7528\u4e8e\u5e2e\u52a9\u6d4f\u89c8\u5668\u5224\u65ad\u662f\u5426\u6821\u9a8c\u901a\u8fc7\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223524-1.png\" alt=\"Pasted image 20240803223524.png\"><\/p>\n<p>CORS\u7684\u57fa\u672c\u7406\u5ff5\u662f\uff1a<\/p>\n<ul>\n<li>\u53ea\u8981\u670d\u52a1\u5668\u660e\u786e\u8868\u793a<strong>\u5141\u8bb8<\/strong>\uff0c\u5219\u6821\u9a8c<strong>\u901a\u8fc7<\/strong><\/li>\n<li>\u670d\u52a1\u5668\u660e\u786e\u62d2\u7edd\u6216\u6ca1\u6709\u8868\u793a\uff0c\u5219\u6821\u9a8c\u4e0d\u901a\u8fc7<br \/>\n<strong>\u6240\u4ee5\uff0c\u4f7f\u7528CORS\u89e3\u51b3\u8de8\u57df\uff0c\u5fc5\u987b\u8981\u4fdd\u8bc1\u670d\u52a1\u5668\u662f\u300c\u81ea\u5df1\u4eba\u300d<\/strong><\/li>\n<\/ul>\n<h4>\u8bf7\u6c42\u5206\u7c7b<\/h4>\n<p>CORS\u5c06\u8bf7\u6c42\u5206\u4e3a\u4e24\u7c7b\uff1a==\u7b80\u5355\u8bf7\u6c42==\u548c==\u9884\u68c0\u8bf7\u6c42==\u3002<br \/>\n\u5bf9\u4e0d\u540c\u79cd\u7c7b\u7684\u8bf7\u6c42\u5b83\u7684\u89c4\u5219\u6709\u6240\u533a\u522b\u3002<\/p>\n<h5>\u7b80\u5355\u8bf7\u6c42<\/h5>\n<p><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/CORS#simple_requests\">\u5b8c\u6574\u5224\u5b9a\u903b\u8f91<\/a><\/p>\n<p>\u7b80\u5355\u6765\u8bf4\uff0c\u53ea\u8981\u5168\u90e8\u6ee1\u8db3\u4e0b\u5217\u6761\u4ef6\uff0c\u5c31\u662f\u7b80\u5355\u8bf7\u6c42\uff1a<\/p>\n<ul>\n<li>\u8bf7\u6c42\u65b9\u6cd5\u662f<code>GET<\/code>\u3001<code>POST<\/code>\u3001<code>HEAD<\/code>\u4e4b\u4e00<\/li>\n<li>\u5934\u90e8\u5b57\u6bb5\u6ee1\u8db3CORS\u5b89\u5168\u89c4\u8303\uff0c\u8be6\u89c1 <a href=\"https:\/\/fetch.spec.whatwg.org\/#cors-safelisted-request-header\">W3C<\/a><\/li>\n<\/ul>\n<blockquote>\n<p>\u6d4f\u89c8\u5668\u9ed8\u8ba4\u81ea\u5e26\u7684\u5934\u90e8\u5b57\u6bb5\u90fd\u662f\u6ee1\u8db3\u5b89\u5168\u89c4\u8303\u7684\uff0c\u53ea\u8981\u5f00\u53d1\u8005\u4e0d\u6539\u52a8\u548c\u65b0\u589e\u5934\u90e8\uff0c\u5c31\u4e0d\u4f1a\u6253\u7834\u6b64\u6761\u89c4\u5219<\/p>\n<\/blockquote>\n<ul>\n<li>\u5982\u679c\u6709<code>Content-Type<\/code>\uff0c\u5fc5\u987b\u662f\u4e0b\u5217\u503c\u4e2d\u7684\u4e00\u4e2a\n<ul>\n<li><code>text\/plain<\/code><\/li>\n<li><code>multipart\/form-data<\/code><\/li>\n<li><code>application\/x-www-form-urlencoded<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>\u9884\u68c0\u8bf7\u6c42(preflight)<\/h5>\n<p>\u53ea\u8981\u4e0d\u662f\u7b80\u5355\u8bf7\u6c42\uff0c\u5747\u4e3a\u9884\u68c0\u8bf7\u6c42<\/p>\n<h4>\u5bf9\u7b80\u5355\u8bf7\u6c42\u7684\u9a8c\u8bc1<\/h4>\n<p>\u6d4f\u89c8\u5668\u5e26\u4e0a\u4e00\u4e2a\u8bf7\u6c42\u5934\uff0c\u53d1\u9001\u5230\u670d\u52a1\u5668\uff0c\u670d\u52a1\u5668\u53ea\u8981\u8fd4\u56de\u8868\u793a\u8fd0\u5141\u8bb8\u5373\u53ef\u901a\u8fc7\u9a8c\u8bc1\u3002<br \/>\n<img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223537-1.png\" alt=\"Pasted image 20240803223537.png\"><\/p>\n<h4>\u5bf9\u9884\u68c0\u8bf7\u6c42\u7684\u9a8c\u8bc1<\/h4>\n<ol>\n<li>\u53d1\u9001\u9884\u68c0\u8bf7\u6c42<br \/>\n\u5148\u53d1\u4e00\u4e2a\u9884\u68c0\u8bf7\u6c42\uff0c\u53ea\u5e26\u4e0a\u8bf7\u6c42\u5934\uff0c\u5305\u62ec\u6e90\uff0c\u8bf7\u6c42\u65b9\u6cd5\uff0c\u6539\u52a8\u7684\u8bf7\u6c42\u5934\uff0c\u670d\u52a1\u5668\u8fd4\u56de\u5141\u8bb8\u6e90\uff0c\u65b9\u6cd5\uff0c\u8bf7\u6c42\u5934\uff0c\u9884\u68c0\u5373\u53ef\u901a\u8fc7\uff0c\u53ef\u4ee5\u8bbe\u7f6e\u7f13\u5b58\u65f6\u95f4\u3002<br \/>\n<div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223549-1.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223549-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"Pasted image 20240803223549.png\"><\/div><br \/>\n\u901a\u8fc7\u540e\u7ee7\u7eed\u7b2c\u4e8c\u6b65\u3002<\/li>\n<li>\u53d1\u9001\u771f\u5b9e\u8bf7\u6c42\uff08\u548c\u7b80\u5355\u8bf7\u6c42\u4e00\u81f4\uff09<\/li>\n<\/ol>\n<h4>\u7ec6\u82821 - \u5173\u4e8ecookie<\/h4>\n<p>\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0cajax\u7684\u8de8\u57df\u8bf7\u6c42\u5e76\u4e0d\u4f1a\u9644\u5e26cookie\uff0c\u8fd9\u6837\u4e00\u6765\uff0c\u67d0\u4e9b\u9700\u8981\u6743\u9650\u7684\u64cd\u4f5c\u5c31\u65e0\u6cd5\u8fdb\u884c<br \/>\n\u4e0d\u8fc7\u53ef\u4ee5\u901a\u8fc7\u7b80\u5355\u7684\u914d\u7f6e\u5c31\u53ef\u4ee5\u5b9e\u73b0\u9644\u5e26cookie<\/p>\n<pre><code class=\"language-js\">\/\/ xhr\nvar xhr = new XMLHttpRequest();\nxhr.withCredentials = true;\n\n\/\/ fetch api\nfetch(url, {\n  credentials: &quot;include&quot;\n})\n<\/code><\/pre>\n<p>\u8fd9\u6837\u4e00\u6765\uff0c\u8be5\u8de8\u57df\u7684ajax\u8bf7\u6c42\u5c31\u662f\u4e00\u4e2a<em>\u9644\u5e26\u8eab\u4efd\u51ed\u8bc1\u7684\u8bf7\u6c42<\/em><br \/>\n\u5f53\u4e00\u4e2a\u8bf7\u6c42\u9700\u8981\u9644\u5e26cookie\u65f6\uff0c\u65e0\u8bba\u5b83\u662f\u7b80\u5355\u8bf7\u6c42\uff0c\u8fd8\u662f\u9884\u68c0\u8bf7\u6c42\uff0c\u90fd\u4f1a\u5728\u8bf7\u6c42\u5934\u4e2d\u6dfb\u52a0<code>cookie<\/code>\u5b57\u6bb5<br \/>\n\u800c\u670d\u52a1\u5668\u54cd\u5e94\u65f6\uff0c\u9700\u8981\u660e\u786e\u544a\u77e5\u5ba2\u6237\u7aef\uff1a\u670d\u52a1\u5668\u5141\u8bb8\u8fd9\u6837\u7684\u51ed\u636e<br \/>\n\u544a\u77e5\u7684\u65b9\u5f0f\u4e5f\u975e\u5e38\u7684\u7b80\u5355\uff0c\u53ea\u9700\u8981\u5728\u54cd\u5e94\u5934\u4e2d\u6dfb\u52a0\uff1a<code>Access-Control-Allow-Credentials: true<\/code>\u5373\u53ef<br \/>\n\u5bf9\u4e8e\u4e00\u4e2a\u9644\u5e26\u8eab\u4efd\u51ed\u8bc1\u7684\u8bf7\u6c42\uff0c\u82e5\u670d\u52a1\u5668\u6ca1\u6709\u660e\u786e\u544a\u77e5\uff0c\u6d4f\u89c8\u5668\u4ecd\u7136\u89c6\u4e3a\u8de8\u57df\u88ab\u62d2\u7edd\u3002<br \/>\n\u53e6\u5916\u8981\u7279\u522b\u6ce8\u610f\u7684\u662f\uff1a<strong>\u5bf9\u4e8e\u9644\u5e26\u8eab\u4efd\u51ed\u8bc1\u7684\u8bf7\u6c42\uff0c\u670d\u52a1\u5668\u4e0d\u5f97\u8bbe\u7f6e <code>Access-Control-Allow-Origin \u7684\u503c\u4e3a*<\/code><\/strong>\u3002\u8fd9\u5c31\u662f\u4e3a\u4ec0\u4e48\u4e0d\u63a8\u8350\u4f7f\u7528*\u7684\u539f\u56e0<\/p>\n<h4>\u7ec6\u82822 - \u5173\u4e8e\u8de8\u57df\u83b7\u53d6\u54cd\u5e94\u5934<\/h4>\n<p>\u5728\u8de8\u57df\u8bbf\u95ee\u65f6\uff0cJS\u53ea\u80fd\u62ff\u5230\u4e00\u4e9b\u6700\u57fa\u672c\u7684\u54cd\u5e94\u5934\uff0c\u5982\uff1aCache-Control\u3001Content-Language\u3001Content-Type\u3001Expires\u3001Last-Modified\u3001Pragma\uff0c\u5982\u679c\u8981\u8bbf\u95ee\u5176\u4ed6\u5934\uff0c\u5219\u9700\u8981\u670d\u52a1\u5668\u8bbe\u7f6e\u672c\u54cd\u5e94\u5934\u3002<br \/>\n<code>Access-Control-Expose-Headers<\/code>\u5934\u8ba9\u670d\u52a1\u5668\u628a\u5141\u8bb8\u6d4f\u89c8\u5668\u8bbf\u95ee\u7684\u5934\u653e\u5165\u767d\u540d\u5355\uff0c\u4f8b\u5982\uff1a<\/p>\n<pre><code>Access-Control-Expose-Headers: authorization, a, b\n<\/code><\/pre>\n<p>\u8fd9\u6837JS\u5c31\u80fd\u591f\u8bbf\u95ee\u6307\u5b9a\u7684\u54cd\u5e94\u5934\u4e86\u3002<\/p>\n<h3>JSONP<\/h3>\n<p>\u5728\u5f88\u4e45\u5f88\u4e45\u4ee5\u524d...\u5e76\u6ca1\u6709CORS\u65b9\u6848<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223558-1.png\" alt=\"Pasted image 20240803223558.png\"><\/p>\n<p>\u4e8e\u662f<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223614-1.png\" alt=\"Pasted image 20240803223614.png\"><\/p>\n<p>\u867d\u7136\u53ef\u4ee5\u89e3\u51b3\u95ee\u9898\uff0c\u4f46JSONP\u6709\u7740\u660e\u663e\u7684\u7f3a\u9677\uff1a<\/p>\n<ul>\n<li>\u4ec5\u80fd\u4f7f\u7528GET\u8bf7\u6c42<\/li>\n<li>\u5bb9\u6613\u4ea7\u751f\u5b89\u5168\u9690\u60a3<\/li>\n<\/ul>\n<blockquote>\n<p>\u6076\u610f\u653b\u51fb\u8005\u53ef\u80fd\u5229\u7528<code>callback=\u6076\u610f\u51fd\u6570<\/code>\u7684\u65b9\u5f0f\u5b9e\u73b0<code>XSS<\/code>\u653b\u51fb<\/p>\n<\/blockquote>\n<ul>\n<li>\u5bb9\u6613\u88ab\u975e\u6cd5\u7ad9\u70b9\u6076\u610f\u8c03\u7528<br \/>\n<strong>\u56e0\u6b64\uff0c\u9664\u975e\u662f\u67d0\u4e9b\u7279\u6b8a\u7684\u539f\u56e0\uff0c\u5426\u5219\u6c38\u8fdc\u4e0d\u5e94\u8be5\u4f7f\u7528JSONP<\/strong><\/li>\n<\/ul>\n<h3>\u4ee3\u7406<\/h3>\n<p>CORS\u548cJSONP\u5747\u8981\u6c42\u670d\u52a1\u5668\u662f\u300c\u81ea\u5df1\u4eba\u300d<br \/>\n\u90a3\u5982\u679c\u4e0d\u662f\u5462\uff1f<\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223653-1.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  decoding=\"async\" data-original=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223653-1.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"Pasted image 20240803223653.png\"><\/div><br \/>\n\u90a3\u5c31\u627e\u4e00\u4e2a\u4e2d\u95f4\u4eba\uff08\u4ee3\u7406\uff09<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223725-1.png\" alt=\"Pasted image 20240803223725.png\"><\/p>\n<h3>\u5982\u4f55\u9009\u62e9<\/h3>\n<p>\u6700\u91cd\u8981\u7684\uff0c\u662f\u8981\u4fdd\u6301<strong>\u751f\u4ea7\u73af\u5883\u548c\u5f00\u53d1\u73af\u5883\u4e00\u81f4<\/strong><br \/>\n\u4e0b\u9762\u662f\u4e00\u5f20\u51b3\u7b56\u56fe<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223737-1.png\" alt=\"Pasted image 20240803223737.png\"><\/p>\n<p>\u5177\u4f53\u7684\u51e0\u79cd\u573a\u666f<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223748-1.png\" alt=\"Pasted image 20240803223748.png\"><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/levin.ink\/wp-content\/uploads\/2024\/08\/Pasted-image-20240803223803-1.png\" alt=\"Pasted image 20240803223803.png\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7f51\u7edc\u5206\u5c42\u6a21\u578b\u548c\u5e94\u7528\u534f\u8bae \u5206\u5c42\u6a21\u578b \u4e94\u5c42\u7f51\u7edc\u6a21\u578b \u9762\u5bf9\u590d\u6742\u7684\u95ee\u9898\uff0c\u53ef\u4ee5\u4f7f\u7528\u5206\u5c42\u7684\u65b9\u5f0f\u6765\u7b80\u5316\u3002 \u7ecf\u8fc7\u4e0d\u65ad\u7684\u6f14\u5316\uff0c\u7f51 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-813","post","type-post","status-publish","format-standard","hentry","category-front-end"],"_links":{"self":[{"href":"https:\/\/levin.ink\/index.php?rest_route=\/wp\/v2\/posts\/813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/levin.ink\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/levin.ink\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/levin.ink\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/levin.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=813"}],"version-history":[{"count":2,"href":"https:\/\/levin.ink\/index.php?rest_route=\/wp\/v2\/posts\/813\/revisions"}],"predecessor-version":[{"id":834,"href":"https:\/\/levin.ink\/index.php?rest_route=\/wp\/v2\/posts\/813\/revisions\/834"}],"wp:attachment":[{"href":"https:\/\/levin.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/levin.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/levin.ink\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}