鍍金池/ 問答/HTML/ 一個關(guān)于axios跨協(xié)議請求的問題

一個關(guān)于axios跨協(xié)議請求的問題

項(xiàng)目使用的是vue-cli全家桶,異步請求用的axios,由于項(xiàng)目剛剛從http升級到https,所以測試了一下接口訪問有沒有問題,發(fā)現(xiàn)莫名其妙出現(xiàn)了一個問題:
請求的url前面會自己帶上一個本地的域名(這是本地調(diào)試,如果是線上調(diào)試就會帶上對應(yīng)的線上域名),這是為什么?

clipboard.png

我在config/index.js文件里面配置了如下轉(zhuǎn)換

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'
            }
        }
    }
}

然后請求是這樣發(fā)的:

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

但是為啥控制臺上看請求是這樣的呢》:好像并沒有被轉(zhuǎn)換

clipboard.png

回答
編輯回答
若相惜

默認(rèn)是個相對路徑,比如axios.get('/api/login')。既然你用了vue-cli,建議配置下proxyTable,做個代理轉(zhuǎn)發(fā),在文件config/index.js里設(shè)置。

2018年9月19日 19:50