Routing fails if we set **`base:`** about vite-plugin-pages

[hannoeru]

You should use base: 'gateway' with pagesDir: 'src/pages', then set base to vue-router like this:

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes,
})

[CharlesOkwuagwu]

@hannoeru thanks.

This is what finally worked:

import { defineConfig } from 'vite'
import Vue from '@vitejs/plugin-vue'
import WindiCSS from 'vite-plugin-windicss'
import Pages from 'vite-plugin-pages'
import Layouts from 'vite-plugin-vue-layouts'
const fs = require('fs')

export default defineConfig({
  server: {
    https: {
      key: fs.readFileSync('./certs/localhost.key'),
      cert: fs.readFileSync('./certs/localhost.crt'),
      ca: fs.readFileSync('./certs/RootCA.crt')
    }
  },
  base: '/gateway/',
  plugins: [Vue(), Pages(), WindiCSS(), Layouts()]
})

along with: history: createWebHistory(import.meta.env.BASE_URL),

[ryanhightower]

@CharlesOkwuagwu, thanks. This worked for me as well. I tried using { dir: 'src/pages', baseRoute: 'my-base-route' }, but it didn't work until I removed that.

// vite.config.js

export default defineConfig({
  ...
  base: '/my-base-route/',
  ...
})

// /src/router.ts
...
history: createWebHistory('my-base-route'),
...