vue-解决打包后资源文件路径出错的问题

一、打包命令

vue项目打包执行的命令是npm run build，即执行package.json中定义的build.js文件。

二、方法如下

1、在webpack输出的发布路径中加入"."开头的相对路径，以供浏览器识别。

2、覆盖此加载程序的publicPath设置
2.1webpack版本2.x及以上

2.2webpack版本1.x

三、打包后的入口index.html

![这里写图片描述](https://img-blog.csdn.net/20180710230133518?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcm1zd29ydGgyMDE2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

四、参考

http://www.cnblogs.com/chendc/p/7380641.html
https://www.npmjs.com/package/extract-text-webpack-plugin
https://github.com/vuejs/vue-loader/issues/481