vue打包的坑

记录下最近项目打包遇的坑，原本把vue项目打包后文件给后端就行了，发布后页面空白。f12看是找不到js和css资源。原因是后台把打包后的俩个文件放在了目录下的一个文件夹下面。下面是遇到几个问题的解决办法。

1.页面空白，调不到js，css资源

解决办法：config下的index.js，build对象中 assetsPublicPath 设置为'./',

2.css里的背景图片显示不出来

解决办法：在build/utils里的加入一句publicPath: '../../',

3.iview框架里的图标没有显示出来

在 build/webpack.prod.conf.js 中,将extract改为false

module: {

       rules: utils.styleLoaders({

          sourceMap: config.build.productionSourceMap,

         extract: false

       })

},