OAuth 2.0在Django Port 8000发射后，如何继续在React Port 3000上继续进行React Port 3000

Question

我的应用程序由React Frontend和Django后端构建。

尽管React部分位于Django项目中的前端文件夹中，但我还是尝试使这两个部分都尽可能独立。

因此，基本上，Django仅作为API提供商，并且反应控制整个前端。

在开发模式下，Django在Localhost上运行，端口8000； React在端口3000上运行。 我已经在设置中完成了CORS设置。

CORS_ALLOWED_ORIGINS = [
    'http://localhost:3000'
]

因此，基本上，我可以独立地测试前端和后端。所有API提取在Django和React之间也可以正常工作。

但是，在我的应用程序中，我还需要连接以Spotify API做某事。 在身份验证过程中，我需要为Spotify身份验证回调提供重定向URL。

我在Spotify注册​​的URL是：

http://127.0.0.1:8000/api-spotify/callback

在我的urls.py中：

from .views import get_auth_callback

urlpatterns = [
    path('callback', get_auth_callback),

]

in View.py：

def get_auth_callback(request):
    code = request.GET.get('code')

    response = post('https://accounts.spotify.com/api/token', data={
        'code': code,
        'redirect_uri': env.str('REDIRECT_URL'),
        'grant_type': 'authorization_code',
        'client_id': env.str('CLIENT_ID'),
        'client_secret': env.str('CLIENT_SECRET')
    }).json()

    access_token = response.get('access_token')
    token_type = response.get('token_type')
    refresh_token = response.get('refresh_token')
    expires_in = response.get('expires_in')
    
    edit_user_token(request.session.session_key, refresh_token, access_token, expires_in, token_type)
    return redirect('/')

问题在最后一行：

  return redirect('/')

如果我从前端登录Spotify（端口3000），重定向链接将将我带到端口8000，因为重定向回调函数是在Django中设置的。

而且我在端口3000中的测试再也无法继续。

有没有解决此类问题的解决方案？ 还是我需要始终仅在端口8000中进行NPM运行构建和测试？

Answer 1

问题是：
http://127.0.0.0.1:8000/api-potify/api-spotify/callback

您必须在Spotify中注册一个新URL的测试端口：
http://127.0.0.0.0.1:3000/api-potify/api-spotify/callback/callback