猿问

VUE 配置proxy代理后,前台报错400 bad request

问题描述

使用vue-cli启动前台端口8080,本地eclipse启动后台端口8180,所以需要配置代理。
按照CSDN的教程配置了代理,但是前台浏览器报错
http://localhost:8080/api/springdemo/getUserByGet?userName=111 400 (Bad Request)
,后台收不到消息。

问题出现的环境背景及自己尝试过哪些方法

实际上代理应该是成功的,因为浏览器直接访问http://localhost:8080/api/springdemo/getUserByGet?userName=111
是可以收到返回结果的,但是通过this.$ajax.post(http://localhost:8080/api/springdemo/getUserByGet?userName=111', {})访问就跑不通了。

相关代码

在config/index.js中,引入如下配置。

proxy: {    '/api': {    
        target: 'http://localhost:8180',  // 接口域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {            '^/api': ''   // 将前缀 '/api' 转为 '/'
        }
    }
}
看了正常启动的项目,配置了代理应该打启动日志:
[HPM] Proxy created: /apis -> https://apitest.miaomore.com
[HPM] Proxy rewrite rule created: "^/apis" ~> ""

可是我仔细按照教程做的,却没有打这两行代理日志,说明还是配置有问题,请帮我看看吧。


守着星空守着你
浏览 5413回答 2
2回答

梁呵呵

同问,请问问题解决了吗?
随时随地看视频慕课网APP

相关分类

Vue.js
我要回答