vite的多页面配置问题?

export default defineConfig({
  plugins: [ react()],
  build: {
    rollupOptions: {
      input: {
        index: path.resolve(__dirname, 'index.html'),
        admin: path.resolve(__dirname, 'admin.html'),
      },
    },
  },
})

我这里配置了两个页面,希望访问/开头的进入index.html,访问/admin开头的访问admin.html

开发环境下应该如何配置呢?我用了vite-plugin-rewrite,写了下面的配置,没有生效,vite-plugin-rewrite不是做这个用的好像,有什么别的方法吗?

module.exports = {
  rewrite: [
    {
      from: '^/admin',
      to: '/admin.html',
    },
  ],
};
阅读 292
avatarAI BotBETA

vite的多页面配置问题?

你可以使用vite-plugin-rewrites插件来实现你的需求。这个插件可以让你在开发环境下将请求重写到不同的页面。

首先,你需要安装vite-plugin-rewrites

npm install vite-plugin-rewrites --save-dev

然后,在你的vite.config.js文件中,添加以下配置:

import { defineConfig } from 'vite'
import { createRewrites } from 'vite-plugin-rewrites'

export default defineConfig({
  plugins: [
    react(),
    createRewrites({
      rewrites: [
        { from: '/admin', to: '/admin.html' },
      ],
    }),
  ],
  build: {
    rollupOptions: {
      input: {
        index: path.resolve(__dirname, 'index.html'),
        admin: path.resolve(__dirname, 'admin.html'),
      },
    },
  },
})

这样,当你访问/admin时,它就会重定向到/admin.html。开发环境下,当请求被路由到不同的页面时,Vite会根据这个配置自动进行重写。

1 个回答

不是这么用的,你看看文档就知道了 多页面应用模式
你得直接在项目根目录新建一个 admin 文件,然后在里面新建 index.html
这时候你访问 /admin 可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Microsoft
子站问答
访问
宣传栏