This is my first question here. I would like to convert an input file(image) from a form using VueJs 3 and typescript to Base64 to "send" it to my backend (java, spring boot) and store it in mongodb as a…
I have the following situation: I have a component in my vue app that dynamically loads components depending on an API query. Here is my template: <template> <main class="flex-1"> <div class="py-6"> <div class="px-4 sm:px-6 md:px-0 space-y-6"> <LoadingComponent v-if="chosenSideBarItem === null"…
I'm building a stupid web app to do something funny with my friends. I'm using firebase hosting service and discord oauth2. The problem occurs when trying to access "/login" page by typing it on the url or after pressing "authorize"…
I try without success to apply a prerendering (or a SSG) to my Vue3 application to make it more SEO friendly. I found the vue-cli-plugin-prerender-spa, and when I try it with the command line: vue add prerender-spa I have the…
Dockerized Vue app loads normally to the browser, when applying changes to the code are not reflected without refresh. Dockerfile FROM node:14-alpine # make the 'app' folder the current working directory WORKDIR /app # copy 'package.json' COPY package.json . #…
I just cloned a Laravel/Vue.js project from Bitbucket (for a company I'm working with), trying to set it up on my computer. This isn't my first time doing this, as I've previously cloned and worked on many projects. But for…
I have a VueJS 3 application running in a docker container using nginx as the web server. I integrated okta for authentication. The okta integration works fine on localhost:3000 without ngnix. However, when deployed in production, after a successful authentication,…
I have these two router-links, one enclosed in a li element, the other applied with a tag="li" property: <router-link tag="li" :to="{ name: 'work'}">Work</router-link <li><router-link :to="{ name: 'news'}">News</router-link></li> which a compiled in the browser like so: Is the tag property of…
This is my Dockerfile codes: FROM node:16.10-alpine3.12 as base RUN apk update RUN apk add git WORKDIR /app COPY package.json . FROM base as builder RUN npm i COPY . . RUN npm run build FROM base as prod WORKDIR…
My context Laravel v8.81.0 (PHP v8.1.2), Vue v3.2.30 and Tailwind I want to get Tailwind version in js such as getting Vue version by : //app.js require('./bootstrap'); import { createApp } from 'vue' import { version } from 'vue' let…