konrad.sopala Community Engineer
Let us know if you have any questions and we’ll make sure to answer them or relay them to the article author!
Let us know if you have any questions and we’ll make sure to answer them or relay them to the article author!
Hey there @patarapolw!
I just pinged the article author so he should look at your question once he’s online!
1 reply
Thanks for calling my attention to this @konrad.sopala
Hi @patarapolw. If you’re are distributing your app freely on Github, you will need you ignore your .env file in .gitignore and add iinstructions to your Readme for others to setup the .env file.
However, if you’re distributing it to end users to use on their OS platforms, your .env file will not be visible as your app will be distributed as installables on their respective platforms (Windows, OSX, etc). To learn more about distributing Electron apps you can visit Application Packaging | Electron
Thanks for sharing that knowledge here @coderonfleek!
I can’t find the Todos database backend code.
Let me ping the article author about that!
The ToDos component code is incomplete as it doesn’t map the todo.title.
Instead of:
<li v-for="todo in todos" :key="todo.id"></li>
It should be:
<li v-for="todo in todos" :key="todo.id">{{ todo.title }}</li>
Hi…I’ new in this community, I have a question, I have followed exactly as the tutorial Electron Tutorial: Building Modern Desktop Apps with Vue.js But I get a never ending error in the electron console,
Not allowed to load local resource: file:///callback?code=UHPe1fzBHXU07VCS
I have set Allowed CallbackURLs as file:///callback but I still get that error. I’m not sure if the error related to this. Do I need to put file:///callback to the Allowed Web Origins and Allowed Origins (CORS) too?
Hi,
I have the following folder structure:
to-do-desktop:
|
|-.electron-vue
|-build
|-dist
|-node_modules
|-src → Here is the sourcecode and the index.ejs
|-static → Here are the images and index.css
|-.babelrc
|-.env
|-.eslintignore
|-.gitignore
|-.travis.yml
|-appveyor.yml
|-package
|-package-lock
|-README.md
|-vue.config
My question is now, where do I have to put the images, the index.css and the fonts.
When I run the following command, everything works fine.
npm run dev
But when I build it with this command, these files couldnt be found.
npm run build
What path should I use in my .vue-Files. The path in index.ejs is as follows:
“static/index.css”
Should I change something in the config-files?
Thank you for your help.
Philipp Ziegler
I know my mistake. I installed the Vue i18n-Package and the images
werent shown when I build the application. My question is now,
what Language package is supported to use with this framework?
These are the websites which I tried:
and
Just pinged the article author to have a look at it for you!
I solved it.
I have set the router mode to history. This causes the application not to load the static images.
Thanks a lot for sharing with the rest of community!
Hi @konrad.sopala,
I just tried all the steps in this tutorial with electron 8.2.3. After I login to auth0, I just see a blank page. There are no errors or messages in the console. Could you please check if I should be doing any additional steps for electron 8.2.3?
Thanks,
Siva
Hello, Siva. Welcome to our Auth0 Community 
Thank you for reading the blog post. As of now, this guidance only works with Electron 6. There were some changes made to Electron 7+ that prevent Auth0 from integrating correctly when following our current guidance. We are in the process of revising our guidance for Electron to support 7+ but also to be more resilient to change.
Please stay tuned. As soon as new guidance is up, I’ll be updating our different Electron-related channels with links to the new resources. I appreciate your time and understanding on this 
Kieran, thank you for following this tutorial and for joining our Auth0 Community. We’ll get in touch with the author to take a look at these outstanding questions I apologize for the delays to address that concern.
One question, please: what version of Electron are you using? We are currently having issues with Electron 7+ and the guidance that we have provided is not working. We are in the process of updating it. You may see more details on this in my reply to Siva above
Hi everyone,
I followed this tutorial from the official blog to add authentication to my Electron + Vue app and it works fine, but now I’m facing some issues with loading the callback file/URL in Electron when updating from v6 to the latest version.
Are there risks when handling the entire authentication flow on the Vue side in Electron with the @auth0/auth0-spa-js plugin as described here? It’s certainly easier to do this but I’m not so well versed in web security as many people are around here.
Thanks!
1 reply
Hey there! Someone from the blog articles team should reach out to you soon regarding that!
Welcome to our Auth0 Community, Alex. We are in the process of developing updated guidance for Electron. As now, the guidance that we have published does not work for version 7 and 8 of Electron, I apologize for the inconvenience.
Be assured that this issue has been escalated internally for us to take action. I don’t have an ETA yet, but there’s someone already making process on the area. Please stay tuned We want to provide you the best set of practices to help your app succeed securely. 
Thanks a lot, @dan-auth0. Can’t wait for the new guidance!
We’ll let you know once it’s there!