Login is loading

[sahansanathana12]

After adding to Cloudflare there are some issues, such as login fields are not displayed, etc…, but I solved those issues with community help. but now I’m stuck in another problem.it is, when I log in with entering username and password, it’s only loading but the browser tab not getting to the corresponding page(dashboard). only loading. please help me what can be the issue

I had got this from inspect elements (i already disabled “rocket loader in Cloudflare settings”)

[sdayman]

That sounds vaguely familiar. Are you on a paid plan with WAF enabled?

Do you see any entries in Firewall Events Log?

Do you have any Page Rules?

[erictung]

Additional question from me: are you using Flexible SSL mode?

[sahansanathana12]

Yes sir I’m using flexible mode

[erictung]

how about the one that @sdayman asked?

[sahansanathana12]

@erictung
No I’m using free plan
Some logs are happened on firewall overview

[erictung]

Any logs triggered related to the login URL?

Anyway, can you try switch the SSL mode to Off first?

[sahansanathana12]

Ok I’ll try

[erictung]

Did you try your website in another browser? e.g. Chrome

[sahansanathana12]

Yes
In Firefox, working properly
But in other browsers (chrome, brave) error happens
But when I manually refresh it will login.

[erictung]

Did u experience the same issue before you onboard Cloudflare?

@sdayman any ideas?

[sahansanathana12]

No sir,now I disable ssl from cloudfare. Now it’s working properly

[sahansanathana12]

Shall I enable it again?

[arunesh90]

According to your screenshot it looks like the request may have been cancelled from the browser side. Did you have any errors in the console?

[sahansanathana12]

Yes console has an error loged

[erictung]

Here’s my guess:

1. You had issues with Flexible mode. Flexible means visitor to Cloudflare: HTTPS, but Cloudflare to your server: HTTP.
2. Your browser is sending HTTPS request to Cloudflare, but the traffic needs to be converted back to HTTP in order to communicate with your server.
3. And this is where the issue arises.

[erictung]

Get a SSL certificate installed in your server, and make sure all the links are in HTTPS instead of HTTP. You can see that in the console log, browser is trying to send form data to HTTP endpoint, but blocked by CSP.

Cloudflare provides free origin certificate and you can use it to install in your server.

After that, then switch SSL mode to Full (strict) mode.

[sahansanathana12]

Ok I’ll try
Thanks all for being with me!