[英]Access-Control-Allow-Origin code 405?
I am developing a mobile application using Jhipster and Jhipster-ionic along with cordova. 我正在使用Jhipster和Jhipster-ionic以及cordova开发移动应用程序。 Currently, I am using Token-based AngularJS Authentication ( Satellizer ) to Login with OAuth 2.0 and I have an issue with CROSS origin. 目前,我使用基于令牌的AngularJS身份验证( Satellizer )登录OAuth 2.0,我遇到了CROSS起源问题。
I followed this example on Satellizer-ionic and I did the fallowing 我在Satellizer-ionic上跟随这个例子,我做了休息
My Config: 我的配置:
.config(function($authProvider) {
$authProvider.httpInterceptor = false;
$authProvider.withCredentials = true;
var commonConfig = {
popupOptions: {
location: 'yes',
toolbar: 'yes',
width: window.screen.width,
height: window.screen.height
}
};
if (ionic.Platform.isIOS() || ionic.Platform.isAndroid()) {
commonConfig.redirectUri = 'http://localhost:3000/';
}
$authProvider.facebook(angular.extend({}, commonConfig, {
clientId: 'MyFacebookId',
url: 'http://localhost:8080/social/signup'
}));
$authProvider.google(angular.extend({}, commonConfig, {
clientId: 'Myid.apps.googleusercontent.com',
url: 'http://localhost:8080/social/signup'
}));
})
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if (window.StatusBar) {
StatusBar.styleDefault();
}
});
});
Controller : 控制器:
vm.authenticate = function(provider) {
$auth.authenticate(provider)
.then(function(res) {
$ionicPopup.alert({
title: 'Success',
content: 'You have successfully logged in!'
})
console.log("yes google login works");
console.log('success', 'Welcome', 'Thanks for coming back, ' + res.user.displayName + '!');
})
.catch(function(error) {
console.log(error);
$ionicPopup.alert({
title: 'Error',
content: error.message || (error.data && error.data.message) || error
});
console.log("too bad" + error.data);
});
};
HTML: HTML:
<button class="btn btn-full btn-fb active db" ng-click="vm.authenticate('google')" type="submit" translate="{{'welcome.loginGoogle' |translate}}"></button>
<button class="btn btn-full btn-fb active db" ng-click="vm.authenticate('facebook')" type="submit" translate="{{'welcome.loginFacebook' |translate}}"></button>
But I got this error: 但我得到了这个错误:
I have uncomment the cors on application.yml 我在application.yml上取消了对cors的注释
cors: #By default CORS are not enabled. Uncomment to enable.
allowed-origins: "*"
allowed-methods: GET, PUT, POST, DELETE, OPTIONS
allowed-headers: "*"
exposed-headers:
allow-credentials: true
max-age: 1800
My Jhipster version is v3.5.1. 我的Jhipster版本是v3.5.1。
I did some Mistake on my code the commonConfig.redirectUri should be my backend URL, here the solution: 我在我的代码上做了一些错误,commonConfig.redirectUri应该是我的后端URL,这里是解决方案:
.config(function($authProvider) {
$authProvider.httpInterceptor = false;
$authProvider.withCredentials = true;
var commonConfig = {
popupOptions: {
location: 'yes',
toolbar: 'yes',
width: window.screen.width,
height: window.screen.height
}
};
if (ionic.Platform.isIOS() || ionic.Platform.isAndroid()) {
commonConfig.redirectUri = 'http://localhost:8080/sigin/google';
}
$authProvider.google(angular.extend({}, commonConfig, {
clientId: 'googleAppId',
// url: "http://localhost:8080/sigin/google"
}));
console.log($authProvider);
})
.run(function($ionicPlatform) {
console.log($ionicPlatform);
$ionicPlatform.ready(function() {
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if (window.StatusBar) {
StatusBar.styleDefault();
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.