@incremental
I’ve done it with a mix of q-file and beets user.avatar.vue
<user-avatar :image="avatar" />
<q-file
v-model="modelAvatar"
style="max-width: 200px"
clearable
color="primary"
bottom-slots
accept=".jpg, image/*"
max-file-size="102400"
label="Ajoutez votre photo"
counter
@input="filePicked"
@clear="fileCleared"
@rejected="fileRejected"
>
Thanks a lot
@metalsadman thanks, I missed the declaration in quasar.conf.js
In my template, now when I use {{ calc }} I get :
[Vue warn]: Error in render: “ReferenceError: assignment to undeclared variable result”
Finally, the problem was in October CORS plugin.
It worked with the following code added to my route.php :
Route::options('/{any}', function() {
$headers = [
//'Access-Control-Allow-Methods'=> 'POST, GET, OPTIONS, PUT, DELETE',
'Access-Control-Allow-Headers'=> 'X-Requested-With, Content-Type, X-Auth-Token, Origin, Authorization'
];
return \Response::make('You are connected to the API', 200, $headers);
})->where('any', '.*');
@dobbel well I have a web ‘test’ page, that’s why I’m getting the response (with authentication or not).
By the way, I always get a 404 for any other routes. I have to check the problem in the PHP server routes…
Same problem with ‘foobar’
As my Quasar page is named ‘Test’, it’s probably why Referer = http://localhost:8080/test
Same problem with Chrome :
I have to test Debug Cors…
Hello, I’m having a weird problem using October’s JWT and CORS plugins :
[https://octobercms.com/plugin/offline-cors]
[https://octobercms.com/plugin/vdomah-jwtauth]
And I’m now searching since a long time…
The strange thing is that it is only working with the sample “test” route, it’s working fine with authentication but as I change the name to another route ie: “Change-Pwd”,
in Firefox console I get : “CORS Preflight Did Not Succeed” and “Cross-Origin Request Blocked”
The detailed info in the console show a wrong referer. Is there something to indicate in axios ?
CORS has “Allowed origins”:, “Allowed headers”:
Thanks for your help.
Here is my axios call :
changePassword({ commit }, pwd) {
const config = { headers: { Authorization: "Bearer " + state.token } };
return ( axiosInstance
.post(constantes.SERVER_URL + "/Change-Pwd", pwd.data, config)
.then((response) => {
Notify.create({ message: "Pwd changed OK !", color: "green", textColor: "white", icon: "thumb_up" });
if (state.redirectURL) {
if (this.$router.currentRoute.path !== state.redirectURL) setTimeout(() => this.$router.push(state.redirectURL), 3000);
}
})
.catch((error) => {
let errors = errorMgt(commit, error, { consoleLog: true });
throw error;
})
);
},
But don’t work on
setTimeout(() => {
this.anim_update_pwd = false;
}, 3000);
If this can help :
@beets Well, it was as simple as :
methods: {
filePicked(file) {
this.fileAvatar = file;
},
onProfileChange() {
....
profile_data.append("avatar", this.fileAvatar);
this.$store.dispatch("server/changeProfile", { data: profile_data });
Thanks again for your precious help !
As you seems very skilled, may I ask you an advice if you have, on Prettier and on the best backend for you ?
https://forum.quasar-framework.org/topic/7822/code-formatting?_=1614115998159
https://forum.quasar-framework.org/topic/7852/which-backend-for-quasar
@dobbel Hi, I’m very interested by the websockets and I watched a lot of things on the web but don’t understand how I could modify an existing Quasar app with https://github.com/Urigo/meteor-client-bundler
I understood that Mongo DB is working with collections, but is there a tool to design collections and relationships, or should it be done always with a text editor inside the server code ?
Meteor concept is fine, but not very ergonomic…
Thanks
@dobbel thanks for your detailed responses 
Your Meteor arguments seduces me ! In particular the real-time synchro.
But what I’ve seen of it seems to be a blank sheet start.
It’s not clear for me how to :
In other words, should I rebuild anything from scratch with a text editor ?
Thanks
@dobbel
Hi dobbel,
well I have a long experience in IT and started with assembly, worked with many alnguages including C, C++ and C#.
Now, I developp for fun as it’s my passion and I’d like to developp powerfull applications like we can see everywhere.
But I’m also very frustrated because trying to developp simple stuff with clients, categories, products and commands, is still a pain !
I have the feeling to return to assembly or C language, always having to redo the mechanic !!!
I thought that with October and Builder it could be easily done. It’s true from the backend, but false from the frontend, that’s why I moved to Vue.
I designed easily the database, (and the frontend with Quasar) but I’m really struggling with the route API to interface both with database.
Apart of that, the October plugin used for JWT and CORS has some problems and I’m completely stucked. Then I start to consider a restart of the server on an other “ideal” plateform…
As everything should be now kickly developped, I want to rely on :
Then to be able to set up :
At the moment, I use Quasar with Vuex, Axios and JWT.
Do you mean that installations should be :
Do you know good installations tutos for starting, I’m afraid to restart from scratch… ?
Thanks