vue 项目打包

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