使用 vue-cli 打包之后 遇到的坑

修改打包路径 

1. 在config文件夹下的index.js文件中的assetsPublicPath路径修改为当前路径：

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',

2. 模式要去掉，不能使用html5的Historty模式

在路由文件中：

export default new Router({
  // mode:'history', //打包的时候注销掉
  routes:[...]
})

3. 如果打包之后 发现有的图片路径不对

更改build/utils.js文件中的 ExtractTextPlugin 的 options配置.

if (options.extract) {
return ExtractTextPlugin.extract({

use: loaders,
publicPath: '../../', //注意: 此处根据路径, 自动更改
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
}