Redirects not working from Remix Run Server

https://projects.ruhan.tech/ this is my remix run project
deployed on Netlify. I am using Netlify redirect to connect external route, like below

  from = "/on-boarding"
  to = "https://on-boarding.netlify.app/index.html"
  status = 200
  force = true # COMMENT: ensure that we always redirect

after this, When I am going to Onboarding | Eden this route, getting an error, You need to enable JavaScript to run this app. how to handle this ?

You need to use the <base> tag to fix these:

First of all thanks for the reply, but what URL should I use in the tag ?? like the source one or target?

It should have: https://on-boarding.netlify.app/ as the path.

import type { MetaFunction } from "@remix-run/node";
import {
  Links,
  LiveReload,
  Meta,
  Outlet,
  Scripts,
  ScrollRestoration,
} from "@remix-run/react";

export const meta: MetaFunction = () => ({
  charset: "utf-8",
  title: "Ruhan's Projects",
  viewport: "width=device-width,initial-scale=1",
});

export default function App() {
  return (
    <html lang="en">
      <head>
        <Meta />
        <Links />
        <base href="https://on-boarding.netlify.app/ " target="_blank"></base>
      </head>
      <body>
        <Outlet />
        <ScrollRestoration />
        <Scripts />
        <LiveReload />
      </body>
    </html>
  );
}

after doing this, that Onboarding | Eden not working

but another things, in future I want to add more routes like this, while we can use base only once.

This needs to be added on the other website (the on-boarding one).

Also, you don’t always require the target attribute, unless you want all the links to open in a new tab/window.

Finally, for all the sites that you need to create such proxy rewrites, you need to add the base tag on those sites.

So the on-boarding site should get a base tab with its home page, any other site should get a base tag with its homepage and so on.

1 Like

Thanks a lot, it’s working now :slight_smile:

1 Like

Another issue.
I have service worker setup → https://pesto-rk-todo.netlify.app/
Now in this Cool Note Application
I am getting below error

Yeah, this would not work. Service Workers can only be set for the current origin. You’d have to use an absolute URL for your service worker for example: https://projects.ruhan.tech/service-worker.js. It seems to give a 404, so make sure you set the URL to where you actually have a service worker.