项目未打包前是可以正常运行的,项目打包后通过 nginx 代理了一下 前端代码是这样写的
发送请求文件
var ip = 'http://192.168.40.130/api';
import axios from 'axios';
/**
* 发送 Post 请求,参数为 Data
* @param url 接口路径
* @param data 参数
* @returns {AxiosPromise}
*/
export function sendPostData(url, data) {
return axios({
url: ip + url,
method: 'POST',
data: data,
headers: {
token: localStorage.getItem("token")
}
})
}
//省略一些,但是大致都差不多
登录组件
import {sendPostJSON} from '../../utils/sendRequest.js'
//省略一些代码
sendPostJSON('/user/login', this.user).then(response => {
if (response.data.resultCode == 1) {
this.$message({
message: response.data.resultMessage,
type: 'success'
});
this.$router.push('/main');
} else {
this.$message({
message: response.data.resultMessage,
type: 'error'
});
}
})
附上一张图
1
ak47007 OP |
2
Immortal 2019-10-13 21:17:34 +08:00
看看你得 console
|
4
rockyou12 2019-10-13 21:22:19 +08:00
nginx 配错没有? postman 能成功请求不?浏览器的 network 中返回的响应是什么还是没有响应?
然后你的 http 请求,处理异常正确不?返回的异常 catch 中有没有打印或者根本没处理? |
6
xieranmaya 2019-10-13 21:40:45 +08:00
断点 debug 啊
|
7
ak47007 OP @xieranmaya 大哥,项目是打包部署后才会有这种问题出现,本地开发的时候是很正常的
|
8
xieranmaya 2019-10-13 21:49:50 +08:00
部署后也能打断点啊,而且看你截图,像是根本就没发请求,你打个断点停在那一行看看先呗
|
9
rockyou12 2019-10-13 21:53:34 +08:00
最简单的就是在请求的各个步骤直接 console 打下 log,再打包部署看下
|
10
ak47007 OP @xieranmaya 没有发送请求,但是能进去,if 判断也执行了
|
11
rockyou12 2019-10-13 21:55:36 +08:00
还有个很可能的情况是在 axios 的拦截器请求给拦截然后不知道为啥就扔了,特别是你用现成脚手架又不太熟习的话
|
12
ak47007 OP @rockyou12 可能是我项目配置有问题,我用的是 vue-element-admin 模板,我还是重新构建一个项目把吧
|
13
aaahhh123 2019-10-13 22:24:07 +08:00
防火墙?
|
14
PanJiaChen 2019-10-13 23:19:35 +08:00 3
@ak47007 mockjs 拦截你的请求了。
|
15
Jackliu 2019-10-13 23:22:37 +08:00
明显报错了 Promise 都不 catch 的么
|
16
tonytonychopper 2019-10-13 23:29:50 +08:00
打断点不就完事了吗
|
17
hitaoguo 2019-10-14 10:10:51 +08:00
不是方法名不对吗?导出 sendPostData,引入的 sendPostJSON
|
18
ak47007 OP @PanJiaChen 一针见血,大哥牛逼,小弟我对大哥你的景仰犹如滔滔江水,连绵不绝,又如黄河泛滥,一发不可收拾也
|