vue打包过程中遇到的坑

我个人用的git bash的控制台

打包vue项目

在控制台输入  cnpm  run  build

打包部署后遇到的问题

1.静态资源路径和背景图片找不到

  >    路径问题解决方法

      > 1 .static文件夹中路径问题，修改文件的引用路径，用相对路径方法    ./

      > 2  .css中图片路径问题 ,修改build文件中utils.js文件   找到下边这段代码

      

  if (options.extract) {

    return ExtractTextPlugin.extract({

    use: loaders,

    fallback: 'vue-style-loader',

    publicPath:'../../'

   })

  } else {

    return ['vue-style-loader'].concat(loaders)

 }

    添加publicPath:'../../'这句

 

>3  静态资源的问题

      修改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. 打开文件刷新404的问题

       路由不要用history形式，使用默认的hash模式