vue-cli2.0打包上线

打包后空白页

在config文件加下index.js文件中,找到 build 中的 assetsPublicPath 将 assetsPublicPath: '/' 修改为 assetsPublicPath: './' 即添加一个点

iview图标不显示

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

添加 publicPath: '../../', 完美解决问题


if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    publicPath: '../../',         // 注意配置这一部分,根据目录结构自由调整
    fallback: 'vue-style-loader'
  })
} else {
  return ['vue-style-loader'].concat(loaders)

在build/webpack.prod.conf.js中把extract:true 改为 fasle,然后再重新build就可以了

module: {
  rules: utils.styleLoaders({
    sourceMap: config.build.productionSourceMap,
    extract: false,
    usePostCSS: true
  })
}

npm run build

运行
打开FileZilla
在htdoc下新建文件夹
将dist下的文件复制到目录下
http://runningh5.top/vuecheshi/#/

你可能感兴趣的:(vue-cli2.0打包上线)