背景：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访问的是本地端口，我就奇怪，第一个访问的都不是本地端口，第二个为什么就成了访问本地的了。求解惑，和提供思路。**

vscode创建vue文件，第一行就报错

ETplayer

3个回复