Hosts+Nginx+Nodejs 实现本地项目模拟域名调试单点登录

最新推荐文章于 2022-10-11 15:24:15 发布

原创最新推荐文章于 2022-10-11 15:24:15 发布 · 933 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #Hosts #nodejs #单点登录

nodejs 同时被 2 个专栏收录

44 篇文章

订阅专栏

Nginx

5 篇文章

订阅专栏

本文介绍如何通过修改hosts及nginx配置实现本地环境下lihefei.com主域与子域间的Node.js服务搭建，并确保两者间可通过同域规则共享Cookie数据。

处理思路示意图

在这里插入图片描述

第一步：修改hosts文件

1.以管理员权限打开C:\Windows\System32\drivers\etc\hosts文件
2.在文件内容最后新增以下两行：

127.0.0.1    lihefei.com
127.0.0.1    blog.lihefei.com

第二步：修改nginx.conf文件

1.打开nginx安装目录\conf\nginx.conf文件
2.新增和修改server代理配置：

server {
    listen       80;
    server_name  lihefei.com;
    location / {
		proxy_pass http://127.0.0.1:8080;
    }
}

server {
    listen       80;
    server_name  blog.lihefei.com;
    location / {
		proxy_pass http://127.0.0.1:8081;
    }
}

第三步：启动两个nodejs服务

1.启动服务127.0.0.1:8080
2.启动服务127.0.0.1:8081

第四步：浏览器访问

在浏览器能正常打开lihefei.com和blog.lihefei.com表示搭建成功，接下来就可以愉快的通过同域规则在主域和子域之间相互共享cookie数据了

关键点是在设置cookie时，domain属性统一设置为主域名.lihefei.com

lihefei.com/index.html

<script>
	//过期时间设为1天，如不设置则默认值为Session，浏览器窗口完全关闭cookie被销毁
	let expires = new Date(Date.now() + 24 * 60 * 60 * 1000); 
	document.cookie = `data1=主域名设置的cookie;domain=.lihefei.com;expires=${expires}`;
</script>

blog.lihefei.com/index.html

<script>
	//过期时间设为1天，如不设置则默认值为Session，浏览器窗口完全关闭cookie被销毁
	let expires = new Date(Date.now() + 24 * 60 * 60 * 1000); 
	document.cookie = `data2=子域名设置的cookie;domain=.lihefei.com;expires=${expires}`;
</script>

或者用第三方库cookiejs设置：

lihefei.com/index.html

<script>
	cookie("data1", "主域名设置的cookie", { 'domain':'lihefei.com'});
</script>

blog.lihefei.com/index.html

<script>
	cookie("data2", "子域名设置的cookie", { 'domain':'lihefei.com'});
</script>