Me gustaría cargar un archivo en vuejs a mi servidor nodejs. Sin embargo, no puedo recibir mi archivo en el backend. Alguien podría ayudarme. He probado varias cosas pero sigo sin conseguirlo. Si alguien me puede ayudar se lo agradeceria mucho :-)
Código de la página de carga de VueJS
<input id="input-file" name="input-file" type="file" ref="file" @change="newFile($event)"/> const formData = new FormData(); formData.append("file", document.getElementById("input-file")) const createUserResponse = await RequestManager.executePostRequest("/users/upload", formData, { headers: { 'Content-Type': 'multipart/form-data' } });RequestManager ejecutarPostRequest Función
static async executePostRequest(url: string, params: any, specialConfig?: AxiosRequestConfig) { const postToken = Utils.buildHmacSha256Signature(params); let headers: AxiosRequestHeaders = { "x-access-token": config.server.backendAccessToken, } if (RequestManager.token) { headers = { "x-access-token": config.server.backendAccessToken, "x-token-data": RequestManager.token, } } if (specialConfig && specialConfig.headers) { headers = Utils.mergeObjects(headers, specialConfig.headers) as AxiosRequestHeaders; } const instance = axios.create({ baseURL: config.server.host, headers: headers }); console.log(headers); const paramsPost = { data: params, token: postToken } return new Promise<any>((resolve, reject) => { instance .post(url, paramsPost) .then(response => { resolve(response.data); }) .catch(error => { reject(error); }); }); }Nodo JS de back-end
UserRouter.get("/upload", (req, res) => { console.log(req.files); res.send("ok"); });