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

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

  •  
  •   ak47007 · 100 天前 · 2622 次点击
    这是一个创建于 100 天前的主题,其中的信息可能已经有所发展或是发生改变。

    项目未打包前是可以正常运行的,项目打包后通过 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 条附言  ·  99 天前
    **感谢各位大哥为小弟解答问题,解决方式就是把 mock 去掉,多谢各位**
    18 回复  |  直到 2019-10-14 19:08:26 +08:00
    Immortal
        2
    Immortal   100 天前
    看看你得 console
    ak47007
        3
    ak47007   100 天前
    @Immortal console 空白 没有东西
    rockyou12
        4
    rockyou12   100 天前
    nginx 配错没有? postman 能成功请求不?浏览器的 network 中返回的响应是什么还是没有响应?
    然后你的 http 请求,处理异常正确不?返回的异常 catch 中有没有打印或者根本没处理?
    ak47007
        5
    ak47007   100 天前
    @rockyou12 postman 能请求成功, 但是 vue 项目打包部署后都不会触发请求了
    xieranmaya
        6
    xieranmaya   100 天前
    断点 debug 啊
    ak47007
        7
    ak47007   100 天前
    @xieranmaya 大哥,项目是打包部署后才会有这种问题出现,本地开发的时候是很正常的
    xieranmaya
        8
    xieranmaya   100 天前
    部署后也能打断点啊,而且看你截图,像是根本就没发请求,你打个断点停在那一行看看先呗
    rockyou12
        9
    rockyou12   100 天前
    最简单的就是在请求的各个步骤直接 console 打下 log,再打包部署看下
    ak47007
        10
    ak47007   100 天前
    @xieranmaya 没有发送请求,但是能进去,if 判断也执行了
    rockyou12
        11
    rockyou12   100 天前
    还有个很可能的情况是在 axios 的拦截器请求给拦截然后不知道为啥就扔了,特别是你用现成脚手架又不太熟习的话
    ak47007
        12
    ak47007   100 天前
    @rockyou12 可能是我项目配置有问题,我用的是 vue-element-admin 模板,我还是重新构建一个项目把吧
    aaahhh123
        13
    aaahhh123   100 天前
    防火墙?
    PanJiaChen
        14
    PanJiaChen   100 天前   ♥ 3
    @ak47007 mockjs 拦截你的请求了。
    Jackliu
        15
    Jackliu   100 天前
    明显报错了 Promise 都不 catch 的么
    tonytonychopper
        16
    tonytonychopper   100 天前
    打断点不就完事了吗
    hitaoguo
        17
    hitaoguo   100 天前
    不是方法名不对吗?导出 sendPostData,引入的 sendPostJSON
    ak47007
        18
    ak47007   99 天前
    @PanJiaChen 一针见血,大哥牛逼,小弟我对大哥你的景仰犹如滔滔江水,连绵不绝,又如黄河泛滥,一发不可收拾也
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2818 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 31ms · UTC 02:26 · PVG 10:26 · LAX 18:26 · JFK 21:26
    ♥ Do have faith in what you're doing.