袁承旭 2019-11-11 18:58 采纳率: 71.4%
浏览 1258
已采纳

Vue前端跨域访问 API 问题

背景:VsCode+Vue

.

目的: 开发一个和后端代码分离的 前端登录页面 包

.

问题:开发环境下 跨域访问正式环境服务器API失败

.

额外描述:根据一些博客,已经做了跨域访问的作业。目前部分API访问成功,例如:获取图形验证码。但是登入验证访问API失败。

.

访问API代码:(PS:第一个访问成功,第二个失败了)

.

this.$axios({                      //访问成功
        method: "get",
        url: "/api/verifycodeimage"
      }).then((response) => {
        var test =this.verifyImage = response.data;
      });
this.$axios({                     //访问失败
        method: "post",
        url: "/api/auth/VerifyPwd",
        data: {
          LoginName: this.loginMobile,
          Password: this.loginPwd,
          AllowSaveState: this.loginState
        }
      }).then((response) => {
        btn.style.display = '';
        loading.style.display = "none";
        var url = "..."
        location.href = url;
      }).catch((error) => {
        this.errorlable = String(error.response.data.error);
        btn.style.display = '';
        loading.style.display = "none";
      });

.

报错截图:

.

图片说明

.
**
这里报错显示,api访问的是本地端口,我就奇怪,第一个访问的都不是本地端口,第二个为什么就成了访问本地的了。求解惑,和提供思路。**

  • 写回答

2条回答 默认 最新

  • dabocaiqq 2019-11-11 19:56
    关注
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 如果要做一个老年人平板有哪些需求
  • ¥15 k8s生产配置推荐配置及部署方案
  • ¥15 matlab提取运动物体的坐标
  • ¥15 人大金仓下载,有人知道怎么解决吗
  • ¥15 一个小问题,本人刚入门,哪位可以help
  • ¥15 python安卓开发
  • ¥15 使用R语言GD包一直不出结果
  • ¥15 计算机微处理器与接口技术相关问题,求解答图片的这个问题,有多少个端口,端口地址和解答问题的方法和思路,不要AI作答
  • ¥15 如何根据一个截图编写对应的HTML代码
  • ¥15 stm32标准库的PID角度环