Refused to load the image 'http://localhost:8082/favicon.ico', Vue页面cannot get问题

在吃完饭后或者一觉睡醒，打开项目就发现启动不了了，npm只是一直卡在94%，没有报错信息，如下图

打开网页后，发现页面只有：Cannot GET /

而控制台报错：

Refused to load the image 'http://localhost:8082/favicon.ico' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.

如图：

  百度查了许多，比如img-src * ，添加后并没有什么用，上一次也出现了同样的问题，没能解决，最后我又重新vue init webpack一个新项目，把旧的src和配置文件完全拷贝过来，再在新项目中重启，发现问题解决了，我就没有再继续深究这个问题了。

    然而，新的项目没用多久，在某一天一觉醒来后启动项目，发现同样的问题，又双（三个又）！出！现！了！

于是我继续各种百度，各种尝试，还是没能解决这个问题，但是在一篇文章中得到了一点点启发。

    这一次，没错，各种百度不成，我就用旧方法，又新建了一个项目，然后搬运工。最后，我用Beyond Compare这个优秀、完美的文件比较工具，一个一个的比较尝试，终于让我找到了问题的根源。（虽然为什么会出现这个问题我还是不知道）

解决方案：

    在build目录下的webpack.prod.conf.js文件和webpack.dev.conf.js文件中，找到HtmlWebpackPlugin所在的位置，并改成以下样式，（莫名其妙的会多了个vue或者js，所以找不到index.html文件，然后就启动不了了），至于为什么会莫名其妙的多，我也还没搞清楚的，等我晓得了再更。

new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true
    }),