How to redirect to /Home from server side after logged in?

Question

How to redirect to /Home from server side after logged in?

Dondon510 261

startup.cs

 app.UseMvc(routes =>
            {
                routes.MapRoute(
                    name: "default",
                    template: "{controller=Home}/{action=Index}/{id?}");

User/Login controller

[HttpPost]
        [Route("/User/Login")]
        [AllowAnonymous]

        public JsonResult Login(string user_code, string password, string tenant_code, string _return_url)
        {
            JsonResult _ret = Json(new { result = false, message = "Bad request", http_code = 401 });

            string _api_key = Request.Headers["api_key"].ToString();
            string _api_secret = Request.Headers["api_secret"].ToString();

            if (_api_key != Models.AppSettingsModel.Application.API_Key || _api_secret != Models.AppSettingsModel.Application.API_Secret)
            {
                return Json(new { result = false, message = "Unauthorized", http_code = 401 });
            }

            if (user_code == 'test' && password == '1234')
            {
                   _ret = Json(new { result = true, message = "Login succeed", http_code = 200});
             }

return _ret

Home Controller

 public IActionResult Index()
        {
            return View();
        }

Javascript:

                   const params = $('#form-data').serialize();

                    ajaxCallPostWithHeaders('@Url.Action("Login", "User")', params, headers, function (result) {
                        if (result.result == true) {
                            _userObj = result.payload.data;
                             $.ajax({
                                 type: 'GET',
                                 url: '/Home/',
                                data: {  }
                            });
                        } else showError(result.message, 'PTHelper');
                    });

5 answers

Your answer

Answer 1

Hi @Dondon510 ,

How to redirect to /Home from server side after logged in?

According to your code, since you are using JavaScript to call the login method, after calling the login method success, to redirect to the home page, you could use the window.location.href property, like this:

                 ajaxCallPostWithHeaders('@Url.Action("Login", "User")', params, headers, function (result) {  
                     if (result.result == true) {  
                         _userObj = result.payload.data;  

                        //redirect to Home page.  
                        // window.location.href ="/Home";  

                        //based on your comment to change the code as below:  
                         window.location.href ="/prime/test/v1/Home";  

                     } else showError(result.message, 'PTHelper');  
                 });

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best regards,
Dillion

Answer 2

Dondon510 261

Hi,

this is related to my previous question about deployment sub-folder (/prime/test/v1 --> CentOS 7), if I use this window.location.href ="/Home"; it will goes to https://example.com/Home instead of https://example.com/prime/test/v1/Home

Anonymous

2022-04-11T11:47:01.747+00:00
this is related to my previous question about deployment sub-folder (/prime/test/v1 --> CentOS 7), if I use this window.location.href ="/Home"; it will goes to https://example.com/Home instead of https://example.com/prime/test/v1/Home

In this scenario, you could use the following code:

window.location.href ="/prime/test/v1/Home";

I have also updated it in the previous reply.

Answer 3

it doesn't work as expected, it returns to login page again!

user will first go to this GET below

        [HttpGet]
        [Route("/User/Login")]
        [AllowAnonymous]
        public IActionResult Login(string ReturnUrl = null)
        {
            if (Url.IsLocalUrl(ReturnUrl))
                ViewData["ReturnUrl"] = ReturnUrl;
            else
                ViewData["ReturnUrl"] = "Home";

         return View(ViewData);
}

when theyclick a login button, they go to the following javascript

javascript

                 ajaxCallPostWithHeaders('@Url.Action("Login", "User")', params, headers, function (result) {
                        if (result.result == true) {
                            window.location.href = "/prime/test/v1/Home";          ---> I expect here they can go to /Home

                        } else showError(result.message, 'PTHelper');
                    });

then call controller user -> login POST

        [HttpPost]
        [Route("/User/Login")]
        [AllowAnonymous]
          public JsonResult Login(string user_code, string password)
          { 
                return Json(new { result = true, message = "OK for dev only", http_code = 200 });
          }

Anonymous

2022-04-13T05:42:03.493+00:00

Which kind of authentication method you are using? Try to use F12 developer tool check the http request, whether it contains the token or cookie?

In my sample, I'm using the default Asp.net core Identity to achieve the authentication, and after login success, it will use cookies to store the identity information, so we can find the cookie when redirect to the Home page, like this:

Answer 4

Bruce (SqlWork.com) 78,006 Volunteer Moderator

most likely the login button is performing a form submit in addition to the click event.

Dondon510 261

I can't do F12 -> Network -> select Home -> Header --> the browser freezing! ..but my startup.cs for authentication part was:

@Bruce (SqlWork.com)

       services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme)  
        .AddCookie(options =>  
        {  
            options.Cookie.Name = Models.AppSettingsModel.Application.Cookie_Name;  
            options.LoginPath = "/User/Login";  
            options.LogoutPath = "/User/Logout";  
            options.Cookie.HttpOnly = true;  
            //TODO: check project env, kalo prod pake CookieSecurePolicy.Always  
            options.Cookie.SecurePolicy = (Models.AppSettingsModel.Application.Is_Development ? CookieSecurePolicy.Always : CookieSecurePolicy.None);  
            options.Cookie.SameSite = SameSiteMode.Lax;  
        });

Answer 5

Dondon510 261

@Bruce (SqlWork.com)

what I have in my html are only this (sorry, I'm quite new as front-end developer, I'm taking over the task), what did I do wrong?

                      <form id="form-data" method="post" autocomplete="off" novalidate="novalidate">  
                             ...  
                             ...  
                                <button type="submit" class="btn btn-success btn-lg btn-block btn-ladda mb-3" asp-controller="user" asp-action="login">Log In</button>  
  
                                 ...  
                                ...  
                                 
  
                            </form>

Anonymous

2022-04-20T07:08:31.54+00:00

Hi @Dondon510 ,

Have you ever solved this problem? If not, since you can't use F12 developer tools to check the request, might be you could try to use Fiddler to capture the request and check it. Besides, I suggest you could create a new threads to tell us the detailed result and the description about the question. Then, all the community member will see the latest question and help your fix it.

Best regards,
Dillion
Bruce (SqlWork.com) 78,006 Reputation points Volunteer Moderator

2022-04-21T20:48:13.96+00:00
not sure why you'd use Ajax, to only reload the page.

you you are going to use Ajax to login in, then you want to cancel the form submit, as hitting return in a form field still will submit the form.

$(form).submit(function(e) { e.preventDefault(); // validate input value // do ajax call });

Share via

How to redirect to /Home from server side after logged in?

5 answers

Your answer