# Custom Login Page

**URL:** <https://devforum.okta.com/t/custom-login-page/14464>\
**Category:** Questions\
**Created:** [May 31, 2021, 2:51pm UTC](https://devforum.okta.com/t/custom-login-page/14464 "2021-05-31T14:51:20Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![blockknight01](https://avatars.discourse-cdn.com/v4/letter/b/91b2a8/32.png) [@blockknight01](https://devforum.okta.com/u/blockknight01)\
**Post date:** [May 31, 2021, 2:51pm UTC](https://devforum.okta.com/t/custom-login-page/14464/1 "2021-05-31T14:51:20Z")

</div>

I created a login authentication using okta but so far it’s been using the redirect login page at dev-\_\_\_\_\_\_.okta.com.

I wanted to use a custom login page so I would have [mywebsite.com/login](http://mywebsite.com/login) as the url instead, I didn’t use the custom URL feature because i am hosting this locally.

In server.js for my express app I added this to the iodc:  
routes: {  
login: {  
viewHandler: (req, res) =\> {  
const baseUrl = ‘[http://localhost:7171](http://localhost:7171)’  
console.log("baseUrl: ", baseUrl);  
const fpath = path.join(\_\_dirname + ‘/login.html’);  
console.log("rendering: ", fpath);  
res.sendFile(fpath);  
}  
}  
}

And this does load up my custom login page but I’m getting a POST error when I try to login. Can someone help me with this

Error message:  
POST [http://localhost:7171/dev-\_\_\_\_\_\_\_.okta.com/api/v1/authn](http://localhost:7171/dev- _______.okta.com/api/v1/authn) 404 (Not Found)

Login Page:

 ![image](https://global.discourse-cdn.com/oktadev/original/2X/7/76266a73f16b4b93c856e931b40d9414aeb68e8e.png)

---

<div class="post-metadata">

**Author:** ![okra-okta](https://sea1.discourse-cdn.com/oktadev/user_avatar/devforum.okta.com/okra-okta/32/2838_2.png) [@okra-okta](https://devforum.okta.com/u/okra-okta)\
**Post date:** [June 1, 2021, 3:49pm UTC](https://devforum.okta.com/t/custom-login-page/14464/2 "2021-06-01T15:49:45Z")

</div>

You might want to reference the Express sample app from [samples-nodejs-express-4/custom-login at master · okta/samples-nodejs-express-4 · GitHub](https://github.com/okta/samples-nodejs-express-4/tree/master/custom-login)

---

<div class="post-metadata">

**Author:** ![andrea](https://sea1.discourse-cdn.com/oktadev/user_avatar/devforum.okta.com/andrea/32/2172_2.png) [@andrea](https://devforum.okta.com/u/andrea)\
**Post date:** [February 12, 2024, 9:01pm UTC](https://devforum.okta.com/t/custom-login-page/14464/3 "2024-02-12T21:01:48Z")

</div>