使用 vue-cli-service build 生成的 dist 直接部署到服务器子目录显示白屏,F12 查看是 404 ,请求路径错了,不是相对子目录路径导致的
解决
查看 CLI对应的 官方文档 – 部署,在 vue.config.js 中添加/修改 publicPath (以前是 baseUrl ) 的值,重新编译即可
module.exports = {
// 基本路径
publicPath: './',
//...your other config...
// 输出文件目录
outputDir: 'dist',
}
备注:
直接使用 vue create hello-world 生成的项目里没有 vue.config.js 有需要配置的要自己创建😂
时隔2年重新学习 vue ,感叹技术革新真快。