localhost/:1 Access to XMLHttpRequest at ‘https://www.test.com/socket.io/?EIO=4&transport=polling&t=PUreJNw’ from origin ‘http://localhost:5173’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: The ‘Access-Control-Allow-Origin’ header has a value ‘https://www.test.com’ that is not equal to the supplied origin.
Not able to connect with socketio with frappe react sdk(react app)
import { getStoredToken } from ‘@/services/auth’;
import type { TokenParams } from ‘frappe-react-sdk’;
export const frappeConfig = {
url: import.meta.env.VITE_FRAPPE_URL,
socketPort: undefined,
siteName: ‘www.test.com’,
enableSocket: true,
tokenParams: {
useToken: true,
type: ‘Bearer’,
token: () => getStoredToken() || ‘’,
} as TokenParams,
customHeaders: {
Accept: ‘application/json’,
‘Content-Type’: ‘application/json’,
},
withCredentials: true,
autoRefreshToken: true,
autoRefreshTokenInterval: 5 * 60 * 1000,
retryOnError: false,
maxRetries: 0,
onError: (error: Error) => {
console.error(‘Frappe SDK Error:’, error);
},
};
do I need to do something in frappe backend