Vue3打包发布后，页面运行起来空白

问题描述

1、npm run build 后 把dist 文件夹中的文件传到 云服务，跑起来是空白的

2、进入调试页面，打开控制台报错：

GET https://www.xxx.com/assets/index.css net::ERR_ABORTED 404

分析

很明显的是访问文件的真正目录，根本不是直接在根域名【https://www.xxx.com/】下面，而是多出了 /test/act/。

网上搜了很多，都是说配置 publicPath ，其实这是 Vue2 的配置，对于Vue3，是在 vite.config.js 中配置的，具体可参考：https://cn.vitejs.dev/config/

export default defineConfig(({ command, mode, ssrBuild }) => {
  return {
    base: command === 'build'? '/test/act/`' : './',
    // 其它配置...
  }
})

于是我加了如上代码，重新运行 npm run build，部署完成成功。