Vue、ElementUI开发过程中遇到的一些问题

1、项目在运行npm run dev时一切正常，但npm run build后，页面不显示

打开config/index.js，找到如下代码段：

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

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

要注意的地方就是assetsPublicPath必须为'./'

 

2、ElementUI的图标在build后不显示

打开build/utils.js，找到如下代码段：

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader',
    publicPath: '../../'
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}

其中，

publicPath: '../../'

是新增的代码。