{"id":697,"date":"2026-02-06T21:21:31","date_gmt":"2026-02-06T13:21:31","guid":{"rendered":"https:\/\/blog.itsmygo.uk\/2026\/02\/06\/supabase-oauth-%e8%b8%a9%e5%9d%91%ef%bc%9agoogle-%e7%99%bb%e5%85%a5%e5%be%8c%e8%b7%b3%e5%9b%9e-localhost%ef%bc%8c%e9%83%a8%e7%bd%b2%e7%92%b0%e5%a2%83%e7%9a%84-redirect-url-%e8%a8%ad%e5%ae%9a\/"},"modified":"2026-02-06T21:21:31","modified_gmt":"2026-02-06T13:21:31","slug":"supabase-oauth-%e8%b8%a9%e5%9d%91%ef%bc%9agoogle-%e7%99%bb%e5%85%a5%e5%be%8c%e8%b7%b3%e5%9b%9e-localhost%ef%bc%8c%e9%83%a8%e7%bd%b2%e7%92%b0%e5%a2%83%e7%9a%84-redirect-url-%e8%a8%ad%e5%ae%9a","status":"publish","type":"post","link":"https:\/\/blog.itsmygo.uk\/wordpress\/2026\/02\/06\/supabase-oauth-%e8%b8%a9%e5%9d%91%ef%bc%9agoogle-%e7%99%bb%e5%85%a5%e5%be%8c%e8%b7%b3%e5%9b%9e-localhost%ef%bc%8c%e9%83%a8%e7%bd%b2%e7%92%b0%e5%a2%83%e7%9a%84-redirect-url-%e8%a8%ad%e5%ae%9a\/","title":{"rendered":"Supabase OAuth \u8e29\u5751\uff1aGoogle \u767b\u5165\u5f8c\u8df3\u56de localhost\uff0c\u90e8\u7f72\u74b0\u5883\u7684 Redirect URL \u8a2d\u5b9a"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u75c7\u72c0<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5c08\u6848\u5728\u672c\u5730\u958b\u767c\u6642 Google OAuth \u767b\u5165\u4e00\u5207\u6b63\u5e38\uff0c\u90e8\u7f72\u5230\u6b63\u5f0f\u74b0\u5883\u5f8c\uff0c\u9ede\u64ca\u300cGoogle \u767b\u5165\u300d\u2192 Google \u9a57\u8b49\u6210\u529f \u2192 <strong>\u537b\u88ab\u5c0e\u56de <code>http:\/\/localhost:3000<\/code><\/strong>\uff0c\u800c\u4e0d\u662f\u90e8\u7f72\u5f8c\u7684\u6b63\u5f0f\u7db2\u5740\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u700f\u89bd\u5668\u7db2\u5740\u5217\u51fa\u73fe\u985e\u4f3c\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\">http:<span class=\"hljs-comment\">\/\/localhost:3000\/#access_token=eyJhbGciOi...&amp;expires_at=...&amp;refresh_token=...&amp;token_type=bearer<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">Token \u6709\u62ff\u5230\uff0c\u4f46\u6574\u500b\u9801\u9762\u8df3\u5230\u4e86 localhost\uff0c\u4f7f\u7528\u8005\u76f4\u63a5\u770b\u5230\u7a7a\u767d\u9801\u6216\u932f\u8aa4\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u539f\u56e0\u5206\u6790<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u8981\u7406\u89e3\u9019\u500b\u554f\u984c\uff0c\u5148\u91d0\u6e05 Supabase Google OAuth \u7684\u5b8c\u6574\u6d41\u7a0b\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\">\u4f7f\u7528\u8005\u9ede\u64ca\u300c<span class=\"hljs-selector-tag\">Google<\/span> \u767b\u5165\u300d\n    \u2193\n\u524d\u7aef\u547c\u53eb <span class=\"hljs-selector-tag\">supabase<\/span><span class=\"hljs-selector-class\">.auth<\/span><span class=\"hljs-selector-class\">.signInWithOAuth<\/span>()\n    \u2193 \u5e36\u4e0a <span class=\"hljs-selector-tag\">redirectTo<\/span> \u53c3\u6578\n<span class=\"hljs-selector-tag\">Supabase<\/span> <span class=\"hljs-selector-tag\">Auth<\/span> <span class=\"hljs-selector-tag\">Server<\/span> \u8f49\u5c0e\u5230 <span class=\"hljs-selector-tag\">Google<\/span>\n    \u2193\n<span class=\"hljs-selector-tag\">Google<\/span> \u9a57\u8b49\u5b8c\u6210\n    \u2193 \u56de\u5230 <span class=\"hljs-selector-tag\">Supabase<\/span>\n<span class=\"hljs-selector-tag\">Supabase<\/span> \u628a\u4f7f\u7528\u8005\u5c0e\u56de \u2192 <span class=\"hljs-selector-tag\">Site<\/span> <span class=\"hljs-selector-tag\">URL<\/span> \u2190 \u554f\u984c\u5728\u9019\uff01\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">\u95dc\u9375\u5728\u6700\u5f8c\u4e00\u6b65\uff1a<strong>Supabase \u4e0d\u662f\u76f4\u63a5\u7528\u4f60\u524d\u7aef\u50b3\u7684 <code>redirectTo<\/code> \u4f86\u6c7a\u5b9a\u6700\u7d42\u8df3\u8f49\u4f4d\u7f6e<\/strong>\u3002Supabase \u6703\u6aa2\u67e5 Dashboard \u4e2d\u8a2d\u5b9a\u7684 <strong>Site URL<\/strong> \u548c <strong>Redirect URLs \u767d\u540d\u55ae<\/strong>\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5982\u679c\u4f60\u7684 Site URL \u9084\u505c\u7559\u5728\u958b\u767c\u6642\u8a2d\u7684 <code>http:\/\/localhost:3000<\/code>\uff0c\u5373\u4f7f\u90e8\u7f72\u5230\u4e86\u6b63\u5f0f\u74b0\u5883\uff0cSupabase \u9084\u662f\u6703\u628a\u4f7f\u7528\u8005\u9001\u56de localhost\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u89e3\u6c7a\u65b9\u6cd5<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u6b65\u9a5f\u4e00\uff1a\u4fee\u6539 Site URL<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>\u767b\u5165 <a href=\"https:\/\/supabase.com\/dashboard\">Supabase Dashboard<\/a><\/li>\n\n\n<li>\u9078\u64c7\u4f60\u7684\u5c08\u6848<\/li>\n\n\n<li>\u5de6\u5074\u9078\u55ae \u2192 <strong>Authentication<\/strong> \u2192 <strong>URL Configuration<\/strong><\/li>\n\n\n<li>\u5c07 <strong>Site URL<\/strong> \u6539\u70ba\u4f60\u7684\u6b63\u5f0f\u90e8\u7f72\u7db2\u5740\uff0c\u4f8b\u5982\uff1a<\/li>\n\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">\u6b65\u9a5f\u4e8c\uff1a\u8a2d\u5b9a Redirect URLs \u767d\u540d\u55ae<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u5728\u540c\u4e00\u500b\u9801\u9762\u7684 <strong>Redirect URLs<\/strong> \u5340\u584a\uff0c\u65b0\u589e\u6240\u6709\u9700\u8981\u7684\u56de\u8abf\u4f4d\u5740\uff1a<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u6b63\u5f0f\u74b0\u5883\uff08\u5fc5\u8981\uff09\uff1a<\/strong><\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\">https:<span class=\"hljs-comment\">\/\/your-app.your-domain.com\/auth\/callback<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u672c\u5730\u958b\u767c\uff08\u5efa\u8b70\u4fdd\u7559\uff09\uff1a<\/strong><\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\">http:<span class=\"hljs-comment\">\/\/localhost:5173\/auth\/callback<\/span>\nhttp:<span class=\"hljs-comment\">\/\/localhost:3000\/auth\/callback<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">\u9ede\u64ca <strong>Save<\/strong> \u5132\u5b58\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u6b65\u9a5f\u4e09\uff1a\u78ba\u8a8d\u524d\u7aef\u7a0b\u5f0f\u78bc<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u78ba\u4fdd\u4f60\u7684 OAuth \u547c\u53eb\u6709\u52d5\u614b\u8a2d\u5b9a <code>redirectTo<\/code>\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-5\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\"><span class=\"hljs-keyword\">const<\/span> { error } = <span class=\"hljs-keyword\">await<\/span> supabase.auth.signInWithOAuth({\n  <span class=\"hljs-attr\">provider<\/span>: <span class=\"hljs-string\">'google'<\/span>,\n  <span class=\"hljs-attr\">options<\/span>: {\n    <span class=\"hljs-attr\">redirectTo<\/span>: <span class=\"hljs-string\">`<span class=\"hljs-subst\">${<span class=\"hljs-built_in\">window<\/span>.location.origin}<\/span>\/auth\/callback`<\/span>\n  }\n})\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-5\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">\u4f7f\u7528 <code>window.location.origin<\/code> \u53ef\u4ee5\u8b93\u524d\u7aef\u81ea\u52d5\u9069\u61c9\u4e0d\u540c\u74b0\u5883\uff0c\u4e0d\u9700\u8981\u786c\u5beb\u7db2\u5740\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u6b65\u9a5f\u56db\uff1a\u9a57\u8b49<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>\u958b\u555f\u90e8\u7f72\u5f8c\u7684\u6b63\u5f0f\u7db2\u5740<\/li>\n\n\n<li>\u9ede\u64ca Google \u767b\u5165<\/li>\n\n\n<li>\u78ba\u8a8d\u767b\u5165\u5f8c\u8df3\u8f49\u56de\u6b63\u5f0f\u7db2\u5740\uff0c\u800c\u975e localhost<\/li>\n\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">\u5e38\u898b\u7591\u554f<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Q: \u70ba\u4ec0\u9ebc\u672c\u5730\u958b\u767c\u6c92\u554f\u984c\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u56e0\u70ba\u672c\u5730\u958b\u767c\u6642\uff0c<code>window.location.origin<\/code> \u5c31\u662f <code>http:\/\/localhost:5173<\/code>\uff0c\u800c\u4f60\u7684 Site URL \u901a\u5e38\u4e5f\u8a2d\u6210 localhost\uff0c\u6240\u4ee5\u525b\u597d\u5c0d\u5f97\u4e0a\u3002\u90e8\u7f72\u5f8c origin \u8b8a\u4e86\uff0c\u4f46 Site URL \u6c92\u8ddf\u8457\u6539\uff0c\u5c31\u6703\u51fa\u554f\u984c\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Q: Site URL \u548c Redirect URLs \u5dee\u5728\u54ea\uff1f<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>Site URL<\/strong>\uff1aSupabase \u7684\u300c\u9810\u8a2d\u300d\u8df3\u8f49\u76ee\u6a19\uff0c\u7576\u627e\u4e0d\u5230\u5408\u9069\u7684 redirect URL \u6642\u6703\u7528\u9019\u500b<\/li>\n\n\n<li><strong>Redirect URLs<\/strong>\uff1a\u767d\u540d\u55ae\uff0c\u5217\u51fa\u6240\u6709\u300c\u5141\u8a31\u300d\u88ab\u8df3\u8f49\u7684\u7db2\u5740\u3002\u524d\u7aef\u50b3\u7684 <code>redirectTo<\/code> \u5fc5\u9808\u5728\u9019\u500b\u6e05\u55ae\u4e2d\u624d\u6703\u88ab\u63a1\u7528<\/li>\n\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Q: \u6539\u4e86 Site URL \u8981\u91cd\u65b0\u90e8\u7f72\u55ce\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e0d\u7528\u3002Site URL \u548c Redirect URLs \u662f Supabase \u4f3a\u670d\u5668\u7aef\u7684\u8a2d\u5b9a\uff0c\u6539\u5b8c\u5373\u6642\u751f\u6548\uff0c\u524d\u7aef\u7a0b\u5f0f\u78bc\u4e0d\u9700\u8981\u4efb\u4f55\u8b8a\u52d5\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u91cd\u9ede\u6574\u7406<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table>\n<thead>\n<tr>\n<th>\u8a2d\u5b9a\u9805\u76ee<\/th>\n<th>\u4f4d\u7f6e<\/th>\n<th>\u503c<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Site URL<\/td>\n<td>Supabase Dashboard \u2192 Auth \u2192 URL Configuration<\/td>\n<td>\u6b63\u5f0f\u90e8\u7f72\u7db2\u5740<\/td>\n<\/tr>\n<tr>\n<td>Redirect URLs<\/td>\n<td>\u540c\u4e0a<\/td>\n<td>\u6b63\u5f0f + \u672c\u5730\u7684 <code>\/auth\/callback<\/code><\/td>\n<\/tr>\n<tr>\n<td>\u524d\u7aef redirectTo<\/td>\n<td>\u7a0b\u5f0f\u78bc<\/td>\n<td><code>${window.location.origin}\/auth\/callback<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u90e8\u7f72\u5f8c OAuth \u8df3\u932f\u5730\u65b9\uff0c\u5341\u4e4b\u516b\u4e5d\u662f Supabase Dashboard \u7684 Site URL \u9084\u6307\u5411 localhost\u3002\u7a0b\u5f0f\u78bc\u6c92\u932f\uff0c\u6539\u8a2d\u5b9a\u5c31\u597d\u3002<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>\u90e8\u7f72\u5f8c Google OAuth \u767b\u5165\u6210\u529f\u537b\u8df3\u56de localhost\uff1f\u554f\u984c\u51fa\u5728 Supabase Dashboard \u7684 Site URL \u8a2d\u5b9a\uff0c\u4e0d\u662f\u7a0b\u5f0f\u78bc\u7684\u932f\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rolpb_likes":0,"footnotes":""},"categories":[606],"tags":[623,307,301,374],"class_list":["post-697","post","type-post","status-publish","format-standard","hentry","category-supabase-","tag-google","tag-oauth","tag-supabase","tag-374"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts\/697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/comments?post=697"}],"version-history":[{"count":0,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts\/697\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/media?parent=697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/categories?post=697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/tags?post=697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}