问题描述

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，部署完成成功。