记录一个比较有意思的bug,帮别人调试遇到的，一个哥们一直在群里问了好几次同一个问题了，他配置了代理，请求一直在发送，postman测试没问题，可以成功接收到，但是在项目前端请求，确实一点响应没有，刚开始我以为是content-type数据格式跟后端没对应上，但是他说试了很多，各种数据类型都没有用，后端他自己写，第一次用。然后昨晚就帮他进行了一个调试。
使用的依赖
首先可以看到，postman测试给我报的是Internal Server Error,这是我没有他的数据库的原因。
后端是接收到的，证明请求是正常的。
然后前端项目进行一个请求，确是在一直待处理中，更可笑的是前端没有报错。
代理配置
axios请求也没问题啊
关键是get请求能够发送成功。在我百思不得其解的时候，我直接把 axios baseURL换成请求服务的地址。它竟然成功发送了请求，返回500的错误，那就是跑了代理，出了问题。
然后我跑去问GPT3.5老师，是这样的
如果在 Vue 项目中设置代理时，GET 请求能够正常代理，而 POST 请求无法生效，可能是因为在默认情况下，webpack-dev-server 只对 GET 请求进行代理。
但是我想了想，好像对get,post都起作用吧。就在问了一句。
果然GPT老师很会开玩笑。
然后能咋办，百度啊，看官网啊，我选择了前者。
得到的答案是，看的都是让改域名什么localhost改成127.0.0.1，没什么用。还是这个有效，nodejs官方只是说服务器禁止访问，也没说原因。
猜测可能是代理后post的数据格式上有问题。
然后对post代理进行一个处理。
devServer: {
port: port,
open: true,
overlay: {
warnings: false,
errors: true
},
before: require('./mock/mock-server.js'),
proxy: {
// 配置代理 希望拦截当前的host地址 替换为目标地址
// key: {
} ; key为拦截的规则,可以是正则表达式
// http://localhost:9528/lejuAdmin/index/login
// 发送的请求首先会经过proxy的拦截
'/api': {
// http://leju.bufan.cloud/lejuAdmin/index/login 对发生的请求的域名做一个改写
// target: "http://192.168.219.70:8000", // 8080可以省略不写 所以代理地址和当前项目不是同一个地址!!
target: "http://localhost:8000", // 8080可以省略不写 所以代理地址和当前项目不是同一个地址!!
changeOrigin: true, // 如果是跨域 需要添加
// secure:false, // 如果发生的请求的协议是https secure:false,
onProxyReq: function (proxyReq, req, res, options) {
if (req.body) {
let bodyData = JSON.stringify(req.body);
// incase if content-type is application/x-www-form-urlencoded -> we need to change to application/json
proxyReq.setHeader('Content-Type','application/json');
proxyReq.setHeader('Content-Length', Buffer.byteLength(bodyData));
// stream the content
proxyReq.write(bodyData);
}
},
pathRewrite: {
// pathRewrite 可以改写发送的请求路径
// /lejuAdmin/index/login
// /index/login
// '/lejuAdmin' : "/"
// ['/xxx']: '/yyy'
"^/api": ""
},
logLevel: 'debug' // 打印调试信息
}
}
},
主要还是这个函数，然后发现成功了。
很好直接500,剩下的事情不是我处理的了。
具体原因为啥会这样，我也有点懵逼，得去看看node官网，感觉这种是偶然概率的感觉，但是会出现。这个bug也是挺有意思。