使用Axios时Vue路由器历史记录模式不起作用

时间:2018-08-24 03:15:08

标签: vue.js axios vue-router

我想在访问http://localhost:5438/api/change?id=123时从http://localhost:8080/change/detail/123获取数据,但是在使用历史记录模式时,它不起作用。

开发配置

assetsPublicPath: '/',
    proxyTable: {
        '/api': {
        target: 'http://127.0.0.1:5438/api/',
        changeOrigin: true,
        pathRewrite: {
            '^/api': ''
        }
    }
},

路由器配置

{
    path: '/change/detail/:id',
    name: 'ChangeDetail',
    component: ChangeDetail
}

ChangeDetail

this.$axios.get('api/change?id=' + id)
    .then(response => {
        ......
    })

但是,我发现axios实际调用的网址是

http://localhost:8080/change/detail/api/change?id=123而不是http://localhost:8080/api/change?id=123

但是,当我关闭历史记录模式时,将网址设置为http://localhost:8080/#/change/detail/123时一切正常。

那怎么了?请帮助我找到解决方案。预先感谢。

0 个答案:

没有答案