鍍金池/ 問答/人工智能  Linux  HTML/ 使用webpack的devServer中的proxy來解決跨域問題,不起作用

使用webpack的devServer中的proxy來解決跨域問題,不起作用

使用webpack在本地localhost:8080端口上打開前端的頁面
proxy是這樣配的:

    devServer: {
        port: 8080,
        contentBase: './dist',
        proxy: {
            '/abc': {
                target: 'http://122.79.10.259:8080'
            }
        }
    },

在頁面中使用ajax請求的代碼是這樣的:

    $.ajax({
        url: '/abc/signup/video',
        type: 'get'
    }).done(res => {

    }).fail(err => {

    })

此時,瀏覽器還是請求http://localhost:8080/abc/signup/video,而不是http://122.79.10.259:8080/abc/signup/video
請各位大神幫忙解決~

回答
編輯回答
嫑吢丕

1.首先瀏覽器是請求http://localhost:8080/abc/signup/video沒錯的,發(fā)出去的請求被dev-server收到,然后轉(zhuǎn)發(fā)到目標地址,相當(dāng)于代理
2.不生效是你的配置不對,你主要配置最終請求地址應(yīng)該是http://122.79.10.259:8080/signup/video

2018年3月16日 11:11