Server-side (index.js) cannot receive get request (fetch(genres/) from client-side

ngocruby · December 30, 2022, 12:34am

Hi,

website: https://pickyourmovie.netlify.app

In this project, my client-side (scripts.js) try to issue get request to the server-side (index.js) with “fetch(genres/)”. However, “app.get(‘/genres’, async (req, res)=>{}” in index.js seems to not receive that request. Thus, the website has error “Failed to load resource: the server responded with a status of 404 () for https://pickyourmovie.netlify.app/genres/”.

Would you be able to help me resolve this problem? Is there anyway for me to do so “https://pickyourmovie.netlify.app/genres/” can forward to “app.get(‘/genres’, async (req, res)=>{}” in index.js? The project works fine locally.

Thank you.

hrishikesh · December 31, 2022, 11:50am

Netlify doesn’t run Express app. You need to use Netlify Functions. See examples:

github.com

Hrishikesh-K/netlify-file-browser/blob/v2/netlify/functions/api.js

import cookieParser from 'cookie-parser'
import express from 'express'
import {json} from 'express'
import {Router} from 'express'
import serverless from 'serverless-http'
import {accounts} from './routes/accounts.js'
import {authenticate} from './routes/authenticate.js'
import {authorize} from './routes/authorize.js'
import {callback} from './routes/callback.js'
import {deploys} from './routes/deploys.js'
import {error404} from './routes/error-404.js'
import {files} from './routes/files.js'
import {find} from './routes/find.js'
import {logout} from './routes/logout.js'
import {sites} from './routes/sites.js'
export async function handler(event, context) {
  const api = express()
  const router = Router()
  router.get('/accounts', accounts)
  router.get('/authenticate', authenticate)

This file has been truncated. show original