0

我希望这 2 个网址能够正常工作

  1. http://localhost:3000/demo/<动态数据>
  2. http://localhost:3000/demo/<dynamic_data1>/<dynamic_data2>

使用我当前的代码，只有第二种 URL 模式有效。其余所有 URL 模式都被重定向到 404 页面。

这是我的nuxt.config.ts文件

import { defineNuxtConfig } from 'nuxt3'
import { resolve } from 'path'
import { createCommonJS } from 'mlly'
const { __dirname } = createCommonJS(import.meta.url)

export default defineNuxtConfig({
  css: ['~/assets/css/tailwind.css'],
  buildDir: '_nuxt/',
  build: {
     
      postcss: {
        postcssOptions: require('./postcss.config.js'),
      },
  },
  buildModules: [
  ],

  hooks: {
    'pages:extend' (pages) {
      pages.push(
        
        {
            name: 'Home Page',
            path: '/',
            file: resolve(__dirname, 'pages/index.vue')
        },
        {
            name: 'List Page',
            path: '/demo/:id',
            file: resolve(__dirname, 'pages/List.vue')
        },
        
        {
            name: 'List Page',
            path: '/demo/:id/:id2',
            file: resolve(__dirname, 'pages/List.vue')
        },
        
        {
            name: 'Not Found',
            path: '/:pathMatch(.*)*',
            file: resolve(__dirname, 'pages/404.vue')
        })
    }
  }

  
})

我也尝试了以下选项，但它没有按预期工作。如何将任何/demo以特定文件开头的正则表达式路由？

path: '/demo/*',
4

0 回答 0