vite的多页面配置问题?

Question

vite的多页面配置问题?

发布于
2023-09-17 河北

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',
    },
  ],
};

前端 javascript typescript react vite

阅读 804

AI 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 个回答

得票最新

MrBigShot

4.8k1587118

发布于
2023-09-18 浙江

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

撰写回答