解决vue router使用history模式带参数刷新报错

前提：

Vue router默认模式为hash，url中带有#不是很美观

---

router配置 ：

{path: '/tx/:hash?',name: 'tx',component: tx},

{path: '/address/:address?',name: 'address',component: address},

---

遇到的问题(均省略IP):

直接访问    /address/ 正常 通过路由访问   /address/1 正常 直接访问 (或刷新)    /address/home/1 报错

---

解决方案

1.在webpack.prod.conf.js配置项中加上

output: { // 表示在引入静态资源时，从根路径开始引入 publicPath: '/' },

2.config中index.js

build: { assetsSubDirectory: 'static', assetsPublicPath: '/', }

当router模式为Hash时，1和2中的publicPath都要改为‘./’

当router模式为history时，publicPath都不需要加上点