Hey there! I currently have two web applications deployed on Azure - one serving as the frontend and the other as an API. The communication between the frontend and API is established using the following code:
@Injectable({
providedIn: 'root'
})
export class UsuarioService {
uri = 'https://myazureapi.azurewebsites.net';
constructor(private http: HttpClient) { }
login(usuario:string, senha:string){
const Usuario ={
usuario:usuario,
senha:senha
}
return this.http.post<any>(`${this.uri}/login`, Usuario);
}
}
In the API, I've set up the following structure where 'User' acts as a mongoose model:
const Express = require("express");
const mongoose = require("mongoose");
const BodyParser = require("body-parser");
const port=process.env.PORT||3000;
const jwt = require("jsonwebtoken");
var app = Express();
app.use((req, res, next) => {
res.header("Access-Control-Allow-Origin",
"https://myazureapplication.azurerewebsites.net");
res.header(
"Access-Control-Allow-Headers",
"Origin, X-Requested-With, Content-Type, Accept, Authorization"
);
if (req.method === "OPTIONS") {
res.header("Access-Control-Allow-Methods", "PUT, POST, PATCH, DELETE, GET");
return res.status(200).json({});
}
next();
});
const router = Express.Router();
app.use(BodyParser.json());
app.use(BodyParser.urlencoded({ extended: true }));
mongoose.connect("mymongodatabase");
const connection = mongoose.connection;
connection.once('open', () => {
console.log('MongoDB database connection established successfully!');
});
router.route('/login').post((req, res)=>{
let usuarioData = new User(req.body);
User.findOne({usuario:usuarioData.usuario}, (err, usuario)=>{
if(err){
return next(new Error('Could not load document'));
}else{
if(!usuario ||(usuario.senha!==usuarioData.senha)){
res.status(401).send('Email ou senha inválida')
}else{
res.status(200).send(usuario);
}
}
});
});
Everything was working perfectly fine when running both the API and frontend locally, but once I deployed the API on the cloud, I started encountering a "CORS header 'Access-Control-Allow-Origin' missing" error. Is there something additional I need to do since it's now on the cloud? Any help or guidance on this would be greatly appreciated. Thank you!