vue 使用 npm run build 进行打包并解决打包之后页面空白的问题


项目完成之后使用 npm run build 进行打包,打包完成之后出现下面的样子就完成了
vue 项目打包
之后在项目目录会出现一个 dist 文件,文件下有 index.html 就是项目的入口文件
但是打开时页面是空白,并报路径不对的错误,以下是解决方法
需要改三个地方

  1. build文件下的utils.js文件增加publicPath:’…/…/’
    vue 项目打包
  2. webpack.prod.conf.js文件增加publicPath:’./’,
    vue 项目打包
  3. 还有就是config文件下的index.js,修改assetsPublicPath: ‘/’,为assetsPublicPath: ‘./’, 在/前面加多一“点”
    vue 项目打包
    之后重新打包,就可以正常打开 index.html

相关文章:

  • 2021-09-16
  • 2022-12-23
  • 2021-09-09
  • 2021-05-08
  • 2022-12-23
  • 2022-01-07
  • 2022-01-07
  • 2022-01-07
猜你喜欢
  • 2021-08-17
  • 2021-08-28
  • 2021-10-28
  • 2021-06-22
  • 2022-01-05
  • 2021-10-25
相关资源
相似解决方案