vue/vue-cli3.0 build 部署路径配置错误导致白屏

使用 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 ,感叹技术革新真快。

Author: thinkwei

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注