Unable to make a GET request with AJAX under Node.js when using NGINX

Question

Despite I have learned and implemented AJAX request with Node on my local server. I am finding that the requests that I created on my local server, just does not work at cloud server.

When I use AJAX to request data to the server (Node), the request does not get to the server because of the URL (or I think so).

Node Code:

app.get("/",function(req,res){

    app.use(express.static(__dirname + '/'));

        app.get("/mypath/",function(req,res){
            console.log("please tell me that you arrive here"); //This actually never happens
            //some functions using the data in "req" and putting there in var "data"
            res.send(data);
        });
});

Javascript Code:

$.ajax({
        url: 'http://localhost:3000/mypath/',
        type: 'GET',
        data: {//some data to use on the server},
        dataType: "json",
        complete: function(data){
          //some stuff with the transformed data
        },
    });

The code above works in the local server (my pc). But not in the cloud one, I had some problems trying to the server static files with NGINX and Express, but I was able to figure it out.

Do you think that given the way I am serving the static files and that I am working in the cloud server, I should use AJAX request in a different way when we are trying to communicate through an URL?

Console Log:

Console Log after using Marcos solution

EDIT: Code from jQuery AJAX and Node Request

Node Set-Up:

var express = require('express');
var app = express();
var request = require("request");
var db = require('mysql');
const path = require('path');
var http = require("http").Server(app);
var io = require("/usr/local/lib/node_modules/socket.io").listen(http);

http.listen(3000, 'localhost'); //At the end of everything between here and the code.

GET Node Code:

app.use(express.static(__dirname + '/'));

app.get('/reqData',function(req,res){
    //I never arrive here
    console.log("print that I am here");
                transform(req.query.selection1,req.query.selection2,function(){
                res.json(data); //data is transformed globally  
                });

});

Ajax:

function requestData(){
     $.ajax({
            url: 'http://localhost:3000/reqData',
            type: 'GET',
            data: {//Some stuff to send},
            dataType: "json",
            complete: function(data){

              do(data);
            },
            error: function(e){

              console.log(e);
            }
       });

    }

New Console Log: Chrome Console Error

Answer 1

The main issue you have, is how you're defining your routes, you will be unable to reach /mypath/ until you perform a request first to /.

You should not define your routes that way, each route should be defined individually, and not in a nested way.

app.get('*', (req, res, next) => {
    // Set your cookies here, or whatever you want
    // This will happen before serving static files
    next(); // Don't forget next.
});

app.use(express.static(__dirname + '/'));

app.get('/mypath/', (req,res) => {
    console.log("please tell me that you arrive here"); //This actually never happens
    //some functions using the data in "req" and putting there in var "data"
    res.send(data); // make sure it is defined.
});

And your route app.get('/') conflicts with express.static(__dirname + '/'), so you should just remove it if you're only serving an index.html file, which seems to be your case.

Then in your $.ajax you should add the protocol to the URL.

$.ajax({
    url: 'http://yourdomain.com/mypath/',
    // url: 'http://localhost:3000/mypath/',
    /* ... */
});

Now, supposing you have everything else setup correctly, you will be able to access /mypath