axios post请求和JQuery $ .ajax请求都是在移动设备上返回403禁止错误

Question

我正在使用Vue进行应用程序，我正在使用axios进行HTTP rest-api调用。

在下面找到代码

<!DOCTYPE html>
<html>
<head>
    <title>Vue Axios Example</title>    
</head>
<body>
<div id="app">
  <h1>App</h1>
  <p>From Axios: {{response}}</p>      
</div>

<script src="vue.min.js"></script>
<script src="axios.min.js"></script>
<script>
var app = new Vue({
      el: '#app',
      data: {        
          users: [],
          response : ""
      }, 
      methods:{
        init:function() {
          var vm = this;
          axios(
              { 
                method : "POST", 
                "url" : "http://localhost:3000/", 
                "data" : myJSONText, 
                "headers" : 
                { 
                  "content-type": "application/json; charset=UTF-8;" 
                }
              }
          )
          .then(function (result) {          
              //alert(result.data);
              stringData = result.data;
              vm.response = JSON.stringify(result.data);
              //$('.dataP').text(JSON.stringify(stringData));
          })
          .catch(function (error) {        
            alert(error);
          })
          .then(function () {

          });
        }
      }
    })
</script>
</body>
</html>

这在Web浏览器中工作正常。

找到下面的截图。

但它不能在移动设备上工作（联想A6600 - 安卓4.4.2）得到403 - 禁止错误。

请找到下面的手机屏幕截图

为了进一步检查，我也在使用JQuery $ .ajax发布请求。

下面是Jquery ajax代码

$.ajax({
   type: "POST",
   url: "http://localhost:3000/",          
   data: myJSONText,              
   contentType: "application/json;charset=UTF-8",        
   dataType:"json",
   success: function( data ) {          
   stringData = data;
   console.log(stringData);
   $('.dataP').append(JSON.stringify(stringData));
   },
   error: function( error ) {
   console.log( error );
   alert("jq: "+JSON.stringify(error));          
   }
})

但这也会返回相同的403错误。

我尝试使用我的IP /主机名并连接同一网络中的设备，而不是localhost。这也给出了同样的错误。

任何解决方案将不胜感激。

提前致谢。

Answer 1

你的网址是localhost:3000。如果这个JS被加载到你的移动浏览器中，它也会尝试连接到localhost（现在是手机），你的服务器显然没有运行。将其更改为您的实际服务器IP /主机名，您应该没问题。

axios post请求和JQuery $ .ajax请求都是在移动设备上返回403禁止错误

问题描述投票：-1回答：1

1个回答

最新问题

axios post请求和JQuery $ .ajax请求都是在移动设备上返回403禁止错误

问题描述 投票：-1回答：1

1个回答

最新问题

问题描述投票：-1回答：1