What methods can be used to indicate the source of a GET request in a protocol?

Question

What methods can be used to indicate the source of a GET request in a protocol?

When I request "/home" and specify that home.html should be served, I want to define the location from which all the resources included in home.html should be retrieved. For instance, if my file system looks like this:

-public
    -home.html
    -home
    -src

and I store all the resources used by home.html inside the src folder, I don't want the route to navigate into the home folder when GET /home is requested. Instead, I would like the route to start in public and then access src/file.js to serve it, rather than looking for /home/src/file.js. If this is not feasible, I need suggestions on how to better organize the files so that I can easily serve them as needed.

javascript express

Answer 1

Answer №1

When your home.html file contains the following:

<script src="src/script.js"></script>

Upon serving the home.html page, express will search for public/src/script.js if your express app is set up to serve static files from the public folder.

To enable this functionality, include the following in your app.js file:

const path = require("path");

app.use(express.static(path.join(__dirname, "public")));

This setup assumes your directory structure resembles the following:

-root
    -public
        -home.html
        -home
        -src
    app.js

Answer 2

When your home.html file contains the following:

<script src="src/script.js"></script>

Upon serving the home.html page, express will search for public/src/script.js if your express app is set up to serve static files from the public folder.

To enable this functionality, include the following in your app.js file:

const path = require("path");

app.use(express.static(path.join(__dirname, "public")));

This setup assumes your directory structure resembles the following:

-root
    -public
        -home.html
        -home
        -src
    app.js

What methods can be used to indicate the source of a GET request in a protocol?

Answer №1

Similar questions

What is the process for configuring my CSS and JS files to send HTTP response headers?

Is there a notion of a home directory in express.js?

Discovering the URL of an AJAX request on any given website

Ways to include additional details in each row of an autocomplete feature

Deactivating the click event for a personalized checkbox's label in Bootstrap

Would it be appropriate to use require("fs") instead of require("node:fs") as a workaround in the OpenAI package?

Obtain the value stored in the session

Using React useId leads to an invalid selector being generated

What is the best way to structure Vue.js components for optimal organization?

Is the Date Epoch a reliable form of unique identification?

Attempting to retrieve JSON data and present it in a grid layout

React component for performing lenient string comparisons

Can you provide tips on how to realign an image in a contenteditable DIV in Internet Explorer?

Populate the auto complete input box with items from a JSON encoded array

Unique ActionBar design for my NativeScript-Vue application

What is preventing socket.io and express-session from utilizing the next function?

What is the method for triggering a mouse event when selecting rows in a table?

Exploring various substances when combining shapes in Three.js enhances the visual appeal and complexity of

Incorporate an assortment of facial features into BufferGeometry using three.js

What sets defineProps<{({})}>() apart from defineProps({ }) syntax?