V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ak47007
V2EX  ›  Vue.js

请问 vue 项目打包部署后不能发送请求是怎么回事

  •  
  •   ak47007 · 2019-10-13 21:08:11 +08:00 · 6998 次点击
    这是一个创建于 1868 天前的主题,其中的信息可能已经有所发展或是发生改变。

    项目未打包前是可以正常运行的,项目打包后通过 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

    第 1 条附言  ·  2019-10-14 19:09:45 +08:00
    **感谢各位大哥为小弟解答问题,解决方式就是把 mock 去掉,多谢各位**
    20 条回复    2020-04-01 13:44:32 +08:00
    ak47007
        1
    ak47007  
    OP
       2019-10-13 21:11:52 +08:00
    Immortal
        2
    Immortal  
       2019-10-13 21:17:34 +08:00
    看看你得 console
    ak47007
        3
    ak47007  
    OP
       2019-10-13 21:19:03 +08:00
    @Immortal console 空白 没有东西
    rockyou12
        4
    rockyou12  
       2019-10-13 21:22:19 +08:00
    nginx 配错没有? postman 能成功请求不?浏览器的 network 中返回的响应是什么还是没有响应?
    然后你的 http 请求,处理异常正确不?返回的异常 catch 中有没有打印或者根本没处理?
    ak47007
        5
    ak47007  
    OP
       2019-10-13 21:27:49 +08:00
    @rockyou12 postman 能请求成功, 但是 vue 项目打包部署后都不会触发请求了
    xieranmaya
        6
    xieranmaya  
       2019-10-13 21:40:45 +08:00
    断点 debug 啊
    ak47007
        7
    ak47007  
    OP
       2019-10-13 21:42:57 +08:00
    @xieranmaya 大哥,项目是打包部署后才会有这种问题出现,本地开发的时候是很正常的
    xieranmaya
        8
    xieranmaya  
       2019-10-13 21:49:50 +08:00
    部署后也能打断点啊,而且看你截图,像是根本就没发请求,你打个断点停在那一行看看先呗
    rockyou12
        9
    rockyou12  
       2019-10-13 21:53:34 +08:00
    最简单的就是在请求的各个步骤直接 console 打下 log,再打包部署看下
    ak47007
        10
    ak47007  
    OP
       2019-10-13 21:54:06 +08:00
    @xieranmaya 没有发送请求,但是能进去,if 判断也执行了
    rockyou12
        11
    rockyou12  
       2019-10-13 21:55:36 +08:00
    还有个很可能的情况是在 axios 的拦截器请求给拦截然后不知道为啥就扔了,特别是你用现成脚手架又不太熟习的话
    ak47007
        12
    ak47007  
    OP
       2019-10-13 22:22:22 +08:00
    @rockyou12 可能是我项目配置有问题,我用的是 vue-element-admin 模板,我还是重新构建一个项目把吧
    aaahhh123
        13
    aaahhh123  
       2019-10-13 22:24:07 +08:00
    防火墙?
    PanJiaChen
        14
    PanJiaChen  
       2019-10-13 23:19:35 +08:00   ❤️ 3
    @ak47007 mockjs 拦截你的请求了。
    Jackliu
        15
    Jackliu  
       2019-10-13 23:22:37 +08:00
    明显报错了 Promise 都不 catch 的么
    tonytonychopper
        16
    tonytonychopper  
       2019-10-13 23:29:50 +08:00
    打断点不就完事了吗
    hitaoguo
        17
    hitaoguo  
       2019-10-14 10:10:51 +08:00
    不是方法名不对吗?导出 sendPostData,引入的 sendPostJSON
    ak47007
        18
    ak47007  
    OP
       2019-10-14 19:08:26 +08:00
    @PanJiaChen 一针见血,大哥牛逼,小弟我对大哥你的景仰犹如滔滔江水,连绵不绝,又如黄河泛滥,一发不可收拾也
    argus1
        19
    argus1  
       2020-03-30 09:11:05 +08:00
    请问怎么解决的。我的就重定向
    @ak47007
    ak47007
        20
    ak47007  
    OP
       2020-04-01 13:44:32 +08:00
    @argus1 不好意思,这么久了,有点不记得了,反正我是把 mock 的配置去掉就好了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1584 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 17:02 · PVG 01:02 · LAX 09:02 · JFK 12:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.