vue-cli 打包之后图片引用路径问题以及vue cli 使用npm run dev 报错Cannot GET /

1、vue-cli打包后 的dist文件中图片路径错误

按理说，这个img的路径应该是https://xxxxxxxxxxxxxx/dist/static/img/xxx.xxxxxx.png,但是很明显路径就成了https://xxxxxxxxxxxxxx/static/css/static/img/xxx.xxxxxx.png，图片路径多了两层。
其实很简单。打开/build/utils.js文件，找到这段代码：

// Extract CSS when that option is specified
// (which is the case during production build)
if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader'
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}

}
加上红框内容：publicPath: ‘…/…/’,当然这个路径是根据自己项目的实际情况来的

再次npm run build就可以了

2、vue cli 使用npm run dev 报错Cannot GET /

当运行 npm run dev 时，出现了如下的报错：

解决方法： 因为改了config/index.js里的dev: {assetsPublicPath: ‘/’,}改成了assetsPublicPath: ‘./’ ，原样改回去就可以了。