I see you mention that you are using the enterprise version so I guess you have already taken care of either converting the project to an enterprise via essentials or following manual steps. - if down the line on the investigation checking preview page model endpoints the response doesn’t include meta comments return to this step and verify correct enterprise convertion.
What is the initialize method around the configuration object? Is it the initialize of the SPA SDK?
I would advice to simply pass the configuration and mapping objects to the br-page component as it will handle the invocation of the SPA SDK initialize.
The configuration object structure seems correct though I can’t know the values of this.apiBaseUrl and path.
When you open your SPA monitor the network tab in your browser and observe what kind of requests are being made by the SDK. Is it accessing the correct endpoint in brXM? This will give you a hint on the validity of your configuration.
When you open the channel in the Experience Manager for preview again observe in the network tab that the internals calls get redirected to your SPA and that the SDK invokes some page model API endpoint with an Authorization header in place. Try to open the same call in a separate tab and check the page model structure if it contains beginNodeSpan and endNodeSpan properties in the meta section of components.
Inspect also the outputed markup of your SPA inside the Experience Manager end check if your components are wrapped in meta comments.
See also our documentation sources that describe the editing integration and troubleshooting.
HTH and kind regards,