vue打包放到服务器的问题

1 打包后放到服务器无法加载资源文件

一般的话vue打包后放到public目录下

修改前端代码：config/index.js ,assetsPublicPath改成 :  './'

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

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

2 打包后放到服务器可以加载资源文件但页面空白

因为使用了 mode:'history',

把laravel指向打包后的文件的那个路由和vue的路由保持一致

如 www.xxx.com/admin访问，vue改成

routes: [
    {
      path: '/admin', //这里改成/admin
      name: 'HelloWorld',
      component: HelloWorld
    },
]

3 打包后放到服务器可以加载资源文件但element字体文件和图标库无法加载

在build/utils.js下加上 publicPath: '../../'

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