问题描述

使用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" ~> ""

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

-------------------------------后续补充-------------------------------------------------

发现不是代理未生效，而是前端请求报错403，导致我认为代理不通。

目前只有登录(POST)不能实现代理访问，其他的get请求代理是可以的。请帮忙分析下。

this.$ajax.post('apis/login', {

domainAccount: this.loginForm.domainAccount,

password: this.loginForm.password

}).then((response) => {...}