溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vue-cli跨域代理配置

發(fā)布時間：2020-08-05 18:08:18 來源：網(wǎng)絡(luò) 閱讀：7984 作者：小醒目 欄目：web開發(fā) 
參考了好多網(wǎng)上文章 配置代理總是不生效 ，其實不是配置的問題 是在調(diào)用的時候出的問題
把完整的調(diào)用過程整理下來希望可以幫助其他有疑惑的小伙伴
    例如 服務(wù)地址是 http://192.168.0.125/test/login 的調(diào)用過程

1 找到config ->index.js文件 配置proxyTable參數(shù)
        proxyTable: {
                '/api': {
                    target: 'http://192.168.0.125/test',
                    changeOrigin: true,
                    pathRewrite: {
                        '^/api': '/'
                    }
                }

                /api 代替的是 ' http://192.168.0.125/test'

    2 工具 封裝
        const service = axios.create({
            timeout: 1000 * 30,
            withCredentials: true,
            baseURL:'/api/',
            headers: {
                'Content-Type': 'application/json; charset=utf-8'
            }
        })

    3 action調(diào)用
        // 登錄
        export function login (params) {
            return request({
                url:'login',
                method: 'post',
                data: requestParam(params)
            })
        }
向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手