Javascript Ionic应用程序和服务器post:访问控制允许来源

Javascript Ionic应用程序和服务器post:访问控制允许来源,javascript,angularjs,.htaccess,cordova,post,Javascript,Angularjs,.htaccess,Cordova,Post,我是angularJs的新手,在我的ionic应用程序中,我尝试向我的服务器发送json,这是控制器: `在此处输入代码`.controller('DashCtrl',['$scope','$http',函数($scope,$http){ $scope.formData={}; $scope.sendForm=函数(){ $http({ 方法:“POST”, 网址:'http://www.---.org/appForm.php', data:JSON.stringify($scope.form

我是angularJs的新手,在我的ionic应用程序中,我尝试向我的服务器发送json,这是控制器:

`在此处输入代码`.controller('DashCtrl',['$scope','$http',函数($scope,$http){
$scope.formData={};
$scope.sendForm=函数(){
$http({
方法:“POST”,
网址:'http://www.---.org/appForm.php',
data:JSON.stringify($scope.formData),//以字符串形式传入数据
标题:{'Access-Control-Allow-Origin':'*'}
})
.成功(功能(数据){
控制台日志(数据);
如果(!data.success){
//如果未成功,请将错误绑定到错误变量
$scope.errorName=data.errors.name;
$scope.errorSuperhero=data.errors.superheroalis;
}否则{
//如果成功,则将成功消息绑定到消息
$scope.message=data.message;
}
});

};
打开命令行进入chrome目录在我的情况下:

C:\ProgramFiles(x86)\Google\Chrome\Application

键入:
chrome.exe--禁用web安全性


在浏览器中,转到
http://localhost:8100
,您的问题将得到解决

您可以将服务代理添加到
爱奥尼亚.project
文件中

{
  "name": "appname",
  "email": "",
  "app_id": "",
  "proxies": [
    {
      "path": "/v1",
      "proxyUrl": "https://api.instagram.com/v1"
    }
  ]
}

检查

中的相关部分。在开发阶段,我们需要在ionic框架中明确处理交叉起源问题

来自爱奥尼亚团队,包含问题的完整细节

在高级别上:

步骤1:将代理详细信息添加到ionic.project

{
 "name": "proxy-example",
  "app_id": "",
  "proxies": [
    {
      "path": "/api",
      "proxyUrl": "http://cors.api.com/api"
    }
  ]
}
步骤2:作为一种良好的做法,添加角度常数以管理外部端点-这不是强制性的

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])
.constant('ApiEndpoint', {
  url: 'http://localhost:8100/api'
})

步骤3:重新启动“ionic serve”。如果不重新启动ionic.project,更改将不会生效。

服务器日志中是否存在stacktrace错误?错误500是服务器错误。您是否尝试更改android项目中
config.xml
文件
中的设置。