Press "Enter" to skip to content

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

打赏 赞(1)
微信
支付宝
微信二维码图片

微信扫描二维码打赏

支付宝二维码图片

支付宝扫描二维码打赏

Be First to Comment

发表评论

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

Captcha Code