Kaycloak secured quasar app

Hi all,
i have a keycloak secured quasar.dev based vue application.
Can someone help me here?
I cannot have authentication bypass, this would give errors with my backend server.
It checks network calls for data of oy q.trees, q-tabels etc…

regards
Thomas

Welcome to Vue Designer :slight_smile: @tstuempfig

Are you able to kindly share some screenshots or screencast to help troubleshoot this issue? What’s backend, and what errors are you receiving at your backend?

Does your app work outside Vue Designer when starting your dev-server and testing it out in your external browser?

Meanwhile, can I recommend you to check these two threads that cover how to navigate to a page behind authentication - Laravel + Inertia + Vue - #2 by TechAkayy

Also, you can also use Vue Devtools, access it from the State Panel, please refer to this thread for more details - It is possible edit secret page - #4 by TechAkayy

All the best!

Hi,
I will check the click mode. In the mentime I did uninstall the npm packages. But I will reconfigre it again.
That keycloak will do is to have redirect the page to the login page and after successfull login redirect back to the initial login.
If further routes are selected or browsed by the use, these will be checked again. But as there is a accesstoken in the browser the redirect does not happen anymore.
I also checked with authenticating in the browser with an other app but I need the token… since I have server calls via rest to authenticate…


is displayed in vue designer
expected is (next reply)

I should get this


and I should be routed back to the target page I entered.
The auth mechanism is oauth2 / openid
vite dev tools installed.

if I open an other route than the initial page, I get the following screen after entering my credentials

Thanks @tstuempfig for the screenshot and details.

Vue Designer is a nw.js based app, so the internal browser is a chrome instance. Similar to how you open devtools and check console for errors in an external browser, you can do the same in Vue Designer as well via menu Vue > Open Devtools.

Then, start your dev-server and once the quasar logo goes green on top right corner (in the toolbar), open your app by clicking on the button on the center of the interface. As your page seems to render just html without proper styling, it is possible you are opening the vue files directly.

Instead, you should start your dev-server, and click on the “Open the startup page”. Any issues with your app, please check the devtools console that you opened in the previous step.

.

This cookie-based authentication is a limitation in Vue Designer at the moment, we are investigating and will revert back to you soon.

Please let me know how you go with the above. Thanks!

Hi I’ll check this. Will need some time.