解决前端本地测试OK,打包部署到生产环境, 逻辑不更新的问题

最近有一个实现单点登录的需求,具体流程是:

1. 主平台登录,获取到登录子平台的ticket

2. 携带ticket登录子平台, 获取权限进入子平台

问题的产生跟具体需求没有直接关系,在与后台对接过程中,由post改为get请求,请求头中的content-type也做了修改,修改后本地调试是OK的,但是打包部署到生产环境,诡异的事情发生了:虽然我已经改为get,请求参数也从body改为后台需要的content-type,但是生产环境的后台接收到的依然是post, body参数。

束手无策的情况下,请教前端大佬朋友,他问我试过修改函数名没有,于是我在调用接口的函数名加了一个1,然后打包到生产环境……奇迹出现了!问题解决!

推测此问题的原因为部署前端包覆盖原来的包, 但是因为函数名相同,所以生产环境的逻辑并没有更新,这可真是个天坑啊!

以下是修改后的代码,只不过在‘ssoLogin’加了一个‘1’而已……

  methods: {
    ...mapActions(['Login', 'Logout']),

    ssoLogin1() {
      const {
        form: { validateFields },
        Login
      } = this
      Login(this.ticket)
        .then((res) => {
          // console.log('登录信息', res)
          this.loginSuccess(res)
        })
        .catch((err) => {
          console.log('login err', err)
          this.$message.error('跳转失败, 请重试')
        })
    },
    loginSuccess(res) {
      // console.info('登陆成功', res)
      this.$router.push({ path: '/oversystem/radar' })
      // 延迟 1 秒显示欢迎信息
      setTimeout(() => {
        this.$notification.success({
          message: '欢迎',
          description: `${timeFix()},欢迎回来`
        })
      }, 1000)
    },
  }

虽然只是一个小技巧,没有足够的开发经验,踩过的天坑,是根本想不到的,感叹经验的重要性!

  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
前端打包部署到服务器的大体流程如下: 1. 部署前的准备:准备要部署的项目和阿里云服务器。确保服务器操作系统是 CentOS,推荐选择7.5或7.6版本。 2. 打包项目:将前端项目进行打包,生成静态文件。 3. 连接阿里云服务器:使用本地工具连接到阿里云服务器。 4. 安装必要的软件:在服务器上安装epel仓库和nginx。epel仓库是为了方便安装一些额外的软件包,而nginx是用来作为前端项目的服务器。 5. 配置nginx:启动nginx,并检查端口号的配置。如果需要访问默认端口号80,可以在nginx配置文件中进行相应的配置。 6. 上传文件到服务器:将打包好的静态文件上传到服务器上。 7. 配置域名和访问:根据需要,可以配置域名解析,让用户可以通过域名来访问项目。 总结起来,前端打包部署到服务器的流程包括准备工作、打包项目、连接服务器、安装软件、配置服务器、上传文件和配置域名。这样就可以将前端项目部署到阿里云服务器上,让用户可以通过域名或公网IP来访问项目。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *2* *3* [vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备](https://blog.csdn.net/Charissa2017/article/details/105886521)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值