一个关于axios跨协议请求的问题

Question

项目使用的是vue-cli全家桶，异步请求用的axios，由于项目刚刚从http升级到https，所以测试了一下接口访问有没有问题，发现莫名其妙出现了一个问题：
请求的url前面会自己带上一个本地的域名（这是本地调试，如果是线上调试就会带上对应的线上域名），这是为什么？

我在config/index.js文件里面配置了如下转换

dev: {
    env: require('./dev.env'),
    port: 8082,
    autoOpenBrowser: true,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
        '/apis':{
            target:'http//api.open.test.ai',
            changeOrigin:true,
            pathRewrite:{
                '^/apis':'/apis'
            }
        }
    }
}

然后请求是这样发的：

this.$axios.post('/apis/readingcutupload', {
    file: data
}).then(res => {
    if (res.data.result === 1) {
        t.success('上传成功！');
    } else {
        t.error(res.data.msg);
    }
})

但是为啥控制台上看请求是这样的呢》：好像并没有被转换

Answer 1

默认是个相对路径，比如axios.get('/api/login')。既然你用了vue-cli，建议配置下proxyTable，做个代理转发，在文件config/index.js里设置。