
项目未打包前是可以正常运行的,项目打包后通过 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 @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 一针见血,大哥牛逼,小弟我对大哥你的景仰犹如滔滔江水,连绵不绝,又如黄河泛滥,一发不可收拾也 |