vue+vue-router 打包后遇到的一系问题

vue

写完项目（ vue-cli ）直接 npm run build 之后，生成了一个dist 文件夹，里面有一个index.html和一个static文件夹，把dist文件夹放在我的wamp的www目录下，然后访问127.0.0.1/dist/，发现如下问题

1.访问index.html文件没有内容，检查发现是因为index文件里的css和js路径有错

解决方法：修改源码config文件夹下的index.js ,

assetsPublicPath: '/' -》 assetsPublicPath: './' （主要）

productionSourceMap: true -》 productionSourceMap: false (修改这个会使build后的文件大小剑侠一半)

2.如上修改后，再次build，发现index文件能够访问了，但是图片都没了，检查元素发现又是因为路径的问题

解决方法：修改源码build文件下utils.js 加一行代码：publicPath:'../../'

*3.再次build后，访问，大体上没有问题了，但是我发现通过 $router 计算出来的图片路径失踪了，并且手动输入url不能访问，点击事件过去的能够访问

解决方法：在配置路由的函数里，把mode: 'history' 改为 mode: 'hash'

ps : history需要后台配合实现，其实手动url还是有有点的，可以防止一些攻击