前端注册用户后，如何创建关联该用户的UserProfile并设置空订单列表？

Hey there, the core issue here is that you're setting user: null when creating the UserProfile—so obviously it can't link up to the user you just made! Let's go through two solid solutions, with the first being the most reliable for Django apps.

Option 1: Use Django Signals to Auto-Create UserProfile (Recommended) #

This way, you don't have to mess with separate API calls from the frontend. Django will automatically spin up a UserProfile the second a new User is saved, which avoids timing issues where one call might succeed and the other fails.

1. In your Django app, create a signals.py file and drop in this code:

from django.db.models.signals import post_save
from django.contrib.auth.models import User
from django.dispatch import receiver
from .models import UserProfile

@receiver(post_save, sender=User)
def create_user_profile(sender, instance, created, **kwargs):
    if created:
        # Auto-make a UserProfile tied to the new user; orders stay empty thanks to blank=True
        UserProfile.objects.create(user=instance)

@receiver(post_save, sender=User)
def save_user_profile(sender, instance, **kwargs):
    instance.profile.save()

2. Register the signal in your app's apps.py (replace your_app_name with your actual app name):

from django.apps import AppConfig

class YourAppNameConfig(AppConfig):
    default_auto_field = 'django.db.models.BigAutoField'
    name = 'your_app_name'

    def ready(self):
        import your_app_name.signals

3. Now your frontend only needs to call the user creation API—no more separate profile call. The UserProfile will be created automatically, linked to the new user, and orders will default to an empty list.

Option 2: Adjust Frontend API Call Order #

If you don't want to tweak the backend right now, you can chain your axios calls so you use the newly created user's ID when making the profile request:

Update your handleSubmit function's axios logic like this:

// Replace your two separate axios calls with this chain
axios.post('http://localhost:8000/api/users/', {
    username: name,
    email: email,
    password: password,
    is_active: false,
})
.then(function (userResponse) {
    console.log('User created successfully:', userResponse);
    // Pass the new user's ID to the profile creation request
    return axios.post('http://localhost:8000/api/profiles/', {
        user: userResponse.data.id,
        // No need to send orders: []—blank=True on the model handles empty state
    });
})
.then(function (profileResponse) {
    console.log('Profile created successfully:', profileResponse);
    setSubmitted(true);
    setError(false);
})
.catch(function (error) {
    console.log('Creation failed:', error.response);
    setError(true);
});

Quick Notes to Clean Things Up #

• Your UserProfile has unique=False on the OneToOneField—this defeats the purpose of a OneToOne relationship! OneToOne fields are meant to be unique per user, so remove that unique=False to prevent duplicate profiles for the same user.
• Since orders has blank=True, you don't need to explicitly send orders: [] in your API request—Django will handle setting it to an empty list automatically.

内容的提问来源于stack exchange，提问作者LNxD