about:1 GET https://www.sathyamolagoda.me/about 404 (Not Found)
I’m having an issue with my website, built with Nuxt 3 and deployed on Vercel. The page at https://www.sathyamolagoda.me/about returns a 404 (Not Found) error when accessed directly, although it works fine when navigating through Nuxt routes. Google and other third-party tools can’t find or access this page. What could be the problem?
Google Live URL :
GtMatrix :
nuxt.config.ts :
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
router: {
options: {
scrollBehaviorType: "smooth",
},
},
app: {
head: {
charset: "utf-8",
viewport: "width=device-width, initial-scale=1",
},
},
css: [
"~/assets/css/main.css",
"~/node_modules/highlight.js/styles/night-owl.css",
],
postcss: {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
},
components: [
{
path: "~/components/layout-components",
extensions: [".vue"],
},
{
path: "~/components/content",
extensions: [".vue"],
},
{
path: "~/components/home-page",
extensions: [".vue"],
},
{
path: "~/components/about-page",
extensions: [".vue"],
},
{
path: "~/components/blog-page",
extensions: [".vue"],
},
{
path: "~/components",
extensions: [".vue"],
},
],
modules: [
"@nuxtjs/google-fonts",
"@nuxt/content",
"@nuxt/image",
"nuxt-jsonld",
],
googleFonts: {
families: {},
download: false,
overwriting: false,
},
build: {
transpile: ["gsap"],
},
image: {
format: ["webp"],
imagekit: {
baseURL: "https://ik.imagekit.io/xxxxx/",
},
},
routeRules: {
"/**": { prerender: true },
},
ssr: true,
nitro: {
static: true,
prerender: {
routes: [
"/",
"/about",
"/blog"
],
crawlLinks: true,
concurrency: 12,
},
},
generate: {
routes: [
"/",
"/about",
"/blog"
],
}
});
3