使用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
请各位大神帮忙解决~

阅读 7.8k
2 个回答

1.首先浏览器是请求http://localhost:8080/abc/signup/video没错的,发出去的请求被dev-server收到,然后转发到目标地址,相当于代理
2.不生效是你的配置不对,你主要配置最终请求地址应该是http://122.79.10.259:8080/signup/video

新手上路,请多包涵

我也遇到同样的问题,代理不成功,返回404

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题