vite 中配置 base 参数之后, 页面自动跳转至根目录, 请问是什么问题?

Question

vite.config.js 配置如下

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  base: '/project/',
  plugins: [vue()]
})

当 npm run build 打包之后上传至服务器访问的时候,
明明访问的是 http://domain.com/project/ 但是页面自动跳转到了 http://domain.com/ 而且页面可以正常浏览, 但是刷新页面就报错了, 请问有人遇到这个问题吗?

Answer 1

你这个是常见的spa刷新白屏问题，是nginx配置不全导致的，服务器不用根路径的话vue-router也要设置base，可以查看我博客对于spa的nginx配置说明Nginx配置单页应用

Answer 2

base建议设置为如下，就可以部署在服务器任意目录了

base: './',

至于nginx

 location /project {
             # 服务器项目包位置
            alias     /home/application/dist;
            index     index.html;
 }