Utilizing Express middleware to serve routes in Sails.js

Question

Utilizing Express middleware to serve routes in Sails.js

I am currently working on a sails app where the routes and static assets are served from the root location, which is functioning properly. However, I am looking to integrate an express middleware to serve these routes and assets from a specific path.

To serve the static assets, I have implemented the following code within the customMiddleware function in config/http.js:

app.use('/my/new/path', express.static(path.join(__dirname, '../client', 'dist')));

By including the above code snippet, I successfully managed to load the static files from both the root and /my/new/path locations.

Now my challenge lies in handling the routes using sails and incorporating them via express middleware using app.use. For instance, the default home route '/' set in my config/routes-client.js file poses an issue as I prefer not to modify it there. Instead, I intend to use something similar to the example below, which is usually employed in a standard node/express application:

app.use('/my/new/path', routes); --> where 'routes' represents my server routes

Is there a method to incorporate an express middleware that serves sails routes on a designated path?

javascript express routes sails.js

Answer 1

Answer №1

If you're wondering about the necessity of automatically adding a prefix to your custom routes instead of directly including it in the config/routes.js (or config-routes-client.js) file, here is an approach you can consider:

// config/http.js
middleware: {
  reroute: function (req, res, next) {
    // Specify the desired route prefix.
    var prefix = '/foo/bar';
    // Create a regex pattern to detect the prefix in the URL.
    var regex = new RegExp('^' + prefix + '(/|$)');
    // Replace the prefix with / if it is found in the requested URL.
    if (req.url.match(regex)) {
      req.url = req.url.replace(regex, '/');
    }
    // Proceed with handling the request.
    return next();
  }
}

Remember to include reroute in the middleware.order array within config/http.js. This solution also extends to managing static files effectively.

Answer 2

If you're wondering about the necessity of automatically adding a prefix to your custom routes instead of directly including it in the config/routes.js (or config-routes-client.js) file, here is an approach you can consider:

// config/http.js
middleware: {
  reroute: function (req, res, next) {
    // Specify the desired route prefix.
    var prefix = '/foo/bar';
    // Create a regex pattern to detect the prefix in the URL.
    var regex = new RegExp('^' + prefix + '(/|$)');
    // Replace the prefix with / if it is found in the requested URL.
    if (req.url.match(regex)) {
      req.url = req.url.replace(regex, '/');
    }
    // Proceed with handling the request.
    return next();
  }
}

Remember to include reroute in the middleware.order array within config/http.js. This solution also extends to managing static files effectively.

Answer 3

Answer №2

This is my preferred method...

Within http.js

var express = require('express');

    module.exports.http = {
        customMiddleware: function (app) {
            app.use('/documentation', express.static(path.join(sails.config.appPath, '/documentation')));
        },

    ... remaining contents of http.js file...
    }

In this case, I am serving the 'documentation' folder from the root of my application at the endpoint /documentation... Adjust according to your requirements...

Answer 4

This is my preferred method...

Within http.js

var express = require('express');

    module.exports.http = {
        customMiddleware: function (app) {
            app.use('/documentation', express.static(path.join(sails.config.appPath, '/documentation')));
        },

    ... remaining contents of http.js file...
    }

In this case, I am serving the 'documentation' folder from the root of my application at the endpoint /documentation... Adjust according to your requirements...

Utilizing Express middleware to serve routes in Sails.js

Answer №1

Answer №2

Similar questions

Removing all items with a specific ID and its related items in Javascript: How to achieve this recursively?

Is the array empty once the functions have been executed?

Express and Angular 2 Integration in package.json

Ways to extract all hyperlinks from a website using puppeteer

Loading Ajax content on a webpage

How can special characters be decoded in Node.js Express?

What is the reason for using a string as the index of an array in the following code?

Have you ever encountered issues with Promises.all not functioning properly within your vuex store?

Update the state of the parent component based on changes made in the child component (both are functional

The Nodejs server functions properly on a local machine but encounters issues when deployed to an external

Is there an alternative method to handle the retrieval of JSON data without encountering numerous errors?

When data is sent through a POST request, req.body appears to be empty initially. However, upon logging the request

How can I filter an array to retain only the initial 5 characters of every element?

Steps to combine multiple arrays into a unified array:1. Begin by allocating a

Expanding Text Box

As for the Pixel Art Creator feature, you can now switch between different modes and

The behavior of CSS position: sticky varies depending on whether the user is scrolling up or scrolling down

Cannot use Object.keys function in AngularJS

How do I designate the compiled migration location?

I'm looking for a way to fetch data from MySQL using React Native when a button is clicked