What could be causing the 405 error in my post request?

While attempting to send a post request to Firebase through my Vue app, I keep encountering an error illustrated in this image.

I have a webpack server running and the website is on localhost:8080. However, I also have a live version hosted on hostinger at . Whenever I try to click "add new blog", fill out the details, and hit post, it results in a CORS error.

To combat this, I've made adjustments to a .htaccess file by including the following code snippet:


        IfModule mod_headers.c>
            Header set Access-Control-Allow-Origin "*"
        /IfModule>

If anyone could provide assistance with this issue, I would greatly appreciate it!

javascriptfirebasevue.jscorshttp-status-code-405

Answer №1

It is essential to specify the allowed methods for remote origins using the 'Access-Control-Allow-Methods' header. For instance:

Access-Control-Allow-Methods: OPTIONS, HEAD, GET, POST

For more information, visit https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Answer №2

In my opinion, utilizing the firebase library from npm would be a more efficient approach. The REST API of firebase Database tends to retrieve unnecessary data which can lead to increased costs as firebase bills based on downloaded data. However, it's crucial to mention the specific module being used. Providing the code snippet would also greatly aid in understanding the context.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Exploring the concept of parent-child coupling in React and its connection to context

While delving into React's documentation on Context > Parent-child coupling, I found myself struggling to grasp the concept of parent-child coupling. One particular line stood out: By passing down the relevant info in the Menu component, each Me ...

javascriptreactjs

Retrieve targeted information array using jquery

Having an issue with JQuery, my PHP code looks like this: if($record2==0) { if($tmp_curr==$curr) { $reqvendor->inserttmp($json); $json[] = array('stat' => true, 'msg' => ''); //$app['data'] = true; //var_du ...

javascriptphpjqueryjson

Is it the right time to implement a JavaScript framework?

Is there a need for using JavaScript frameworks like Angular or React if you are not developing single-page websites or components that receive live updates? ...

javascriptangularjsreactjs

Encountering Issue: Exceeding the number of hooks rendered in the previous render cycle

Every time I load my Nextjs page, an error message displays: "Error: Rendered more hooks than during the previous render." I attempted to fix this by adding if (!router.isReady) return null after the useEffect code. However, this caused a problem where th ...

javascriptreactjsnext.js

How to assign values to an object within an array in React?

In React, I am currently working on creating a swipeable card that consists of 4 slides. The data displayed within the card is entirely dependent on user input. To start off, I define a sample object like so: const initialState = { id: '', title ...

javascriptarraysreactjsreact-hooksstate

What is the best way to handle sending password reset emails using Firebase and Express?

After creating a social website, I'm now working on implementing a reset password feature without using the Firebase SDK. With everything being handled through express, I'm curious if there is a straightforward method to add this functionality wi ...

node.jsfirebaseexpressfirebase-realtime-databasefirebase-authentication

Fetch information from the input field and send it to the Redux state

Looking for a solution - I'm working on a simple todo app where I need to store user input value in the redux state. The input value is currently stored in local state until the user clicks the "add" button. The main issue : How can I pass this input ...

javascriptreactjsreduxreact-redux

Jumping over loop iteration following a JavaScript catch block

Currently, I am developing an API that requires making repeated calls to another API (specifically, Quickbooks Online) within a loop. These calls are encapsulated in promises that either resolve or reject based on the response from Quickbooks. Everything f ...

javascriptforeachpromiseasync-await

Best return type for a webservice triggered using jQuery but not requiring any data to be returned

I am currently working on a web service that utilizes several methods. These methods do not have significant impact on the client side as I call them using jQuery/ajax. My main concern is regarding the recommended return type. Typically, I would return JS ...

javascriptjqueryajaxjson

Tips for displaying two input decorations in Material UI beside one another within a text field

In the Text Field demonstration, I noticed input adornments at the start and end. However, I am looking to have two input adornments at the end specifically. I attempted to add them using endAdornment: {InputAdornment InputAdornment}, but encountered an er ...

javascriptcssreactjsmaterial-ui

The array in this.props (passed down by redux) comes back as undefined

To fetch data using Redux in my component, I follow this approach: import React, {Component} from 'react'; import {bindActionCreators} from 'redux'; import {connect} from 'react-redux'; import * as actionCreators from '. ...

javascriptjsonreactjs

MongoDB suggests

I'm currently developing an app that requires autocomplete functionality for search. I've started implementing it using regular expressions (regexp), but I'm unsure if this is the optimal approach. Each new character input in the search bar ...

javascriptnode.jsmongodbmongoosemongodb-query

Execute the second method once the first method has completed its execution

As I develop my npm package, I am faced with the challenge of ensuring that one method waits for another to complete before executing. For example: var package = require('myNpmPackage'); package.method1(options); ... Later on, possibly in a dif ...

javascriptnode.jsexpressmongoosenpm

Having trouble retrieving POST parameters

I'm attempting to send a post parameter (key: test, value: somevlaue) using PostMan with the restify framework. I've tried two methods, but both are failing: The first method results in this error: { "code": "InternalError", "message": "Can ...

javascriptnode.jsexpressrestify

Switch positions of two objects in JavaScript

Check out the code snippet below: MyObject.prototype.doIt = function() { let a = this.obj1; let b = this.obj2; } I need to find a way to switch the values of this.obj1 and this.obj2, making obj1 take on the value of obj2 and vice versa. Pleas ...

javascriptswap

What is the process of transitioning from jQuery to plain JS for converting selectors and event capturing?

Looking for assistance in converting this code to vanilla JavaScript: document.addEventListener("DOMContentLoaded", function() { document.querySelector("textarea").addEventListener("keydown", function(event) { var textarea = this; ...

javascriptjquery

An error notification received from the command "jspm install jquery"

As I follow the tutorial on the jspm.io site, everything goes smoothly until I reach step 3. When I try to execute jspm install jquery, an error message pops up. The error reads: warn Error on getOverride for jspm:github, retrying (2). ReferenceError: ui ...

javascriptnpmjspm

JavaScript function to copy the first row of a table to the clipboard

I am new to JavaScript and I'm facing an issue with copying cells in a table. I have successfully created a table based on my MySQL database, but when I try to copy a cell using the copy button, only the first cell gets copied. I understand that I nee ...

javascriptphpcopyclipboard

ReactJS encountered an error: _this3.onDismissID is not defined as a function

My goal is to retrieve the latest news related to a specific search term from a website, showcase them, and provide a dismiss button next to each news item for users to easily remove them if desired. Here's a snippet of the code I'm using: import ...

javascriptreactjsfunctionthis

Modifying background hues when input is inactive within Vue.js

As I am just starting to explore Vue.js, there is still so much for me to discover. I am trying to figure out how to change the background color of an input when it is disabled based on the return value of a computed function, but I seem to be having some ...

vue.js