[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f57qZ4FMlXLcvqpW4215Efkc8IlO6IFW4FGErQ__cUXU":3},{"code":4,"message":5,"data":6},200,"成功",{"id":7,"createdAt":8,"title":9,"content":10,"summary":11,"image":12,"uid":13,"user":14,"categoryId":7,"category":21,"subCategoryId":23,"subCategory":24,"comments":26,"status":17,"reason":36,"notice":36,"visitCount":42,"commentCount":17,"keywords":43},2,"2024-01-03T15:56:50.016Z","部署Nginx-一个ip，多个域名，部署多个项目","# 一、背景\n无论是在centos、ubuntu、iis等云服务器，还是在个人的电脑上，当部署Nginx时，基本上都会遇到想用一台服务器（只有一个IP）映射到多个域名上，以供访问多个不同的前端项目的情况（这里以部署多个前端项目为例）。\n\n# 二、知识点\n1.一台云服务器对应于一个ip；\n2.ip可以配合很多端口号进行监听活动；\n3.网页访问通用端口号是80；\n4.通过域名访问某个网页（比如百度：www.baidu.com）时，是需要将域名通过网路中dns解析服务器解析成对应服务器的ip的；\n5.在类unix机上，通常使用hosts文件来配置本地的ip和通用域名，一个hosts文件类似如下：\n![](https://image.xinwei.ltd/image1704297239923.png)\n\n\n6.云服务器上备案了的域名解析，当然在云服务器控制台的域名解析配置项下。\n# 三、实现的目标\n1.电脑上有2个网页，代表2个网站\n2.不想要通过监听不同端口号来访问这2个网站，而是我分别给这2个网站起个域名，对应域名访问对应的网站\n3.例如：\nwww.abc.com，就可以访问网站1\nwww.123.com，就可以访问网站2\n\n# 四、具体操作（在Mac电脑中演示）\n1.准备2个前端项目，或者只是2个html文件就好，类似如下，需要放在nginx配置目录文件下的位置，此处以html文件夹作为nginx显示前端项目的目录。\n![](https://image.xinwei.ltd/image11704297275326.png)\n\n\n2. 修改nginx的配置文件nginx.conf，给80端口加上2个server的配置，如下：\n![](https://image.xinwei.ltd/image21704297300227.png)\n\n\n修改后记得重启一下nginx：nginx -s reload，让配置生效\n3. 修改mac电脑上的hosts文件，位置一般在：\n![](https://image.xinwei.ltd/image31704297325210.png)\n\n修改之前先备份（切记要备份，基本操作哈），由于权限限制，不能直接修改hosts文件，所以先将原始hosts文件先拷贝出2份，一份用作备份，一份用来进行修改，修改后的文件再去etc下替换原文件。\n修改文件为：\n\n4. 浏览器中输入：www.abc.com和www.123.com，测试一下：\n![](https://image.xinwei.ltd/image41704297375937.png)\n\n![](https://image.xinwei.ltd/image51704297395300.png)\n\n\n\n6. 测试结果是成功的。\n\n","一、背景 无论是在centos、ubuntu、iis等云服务器，还是在个人的电脑上，当部署Nginx时，基本上都会遇到想用一台服务器（只有一个IP）映射到多个域名上，以供访问多个不同的前端项目的情况（这里以部署多个前端项目为例）。 二、知识点 1.一台云服务器对应于一个ip； 2.ip可以配合很多端口号进行监听活动； 3.网页访问通用端口号是80； 4.通过域名访问某个网页（比如百度：www.ba","https://image.xinwei.ltd/image1704297239923.png",499668042977349,{"phone":15,"userId":13,"nickName":16,"vipType":17,"avatar":18,"sign":19,"createdAt":20},"13121171998","全栈老韩",1,"https://image.xinwei.ltd/images/IMG_5430.JPG","全栈工程师，擅长iOS App开发、前端（vue、react、nuxt、小程序&Taro）开发、Flutter、React Native、后端（midwayjs、golang、express、koa）开发、docker容器、seo优化等。","2024-01-01T16:14:30.305Z",{"id":7,"name":22},"IT技术",30,{"id":23,"name":25,"parentId":7},"Nginx",[27],{"id":28,"createAt":29,"content":30,"articleId":7,"userId":31,"user":32,"replyToUid":38,"replyToUser":39,"status":17,"statusDes":36,"replies":41},6,"2024-03-16T03:49:30.031Z","大佬，有windows电脑上的配置吗？",525978185445445,{"phone":33,"userId":31,"nickName":34,"vipType":17,"avatar":35,"sign":36,"createdAt":37},"16100000003","上班墨鱼","https://image.xinwei.ltd/bbd06233d9b5c67c9f8ddd35b63cb81f1710561355517.jpeg","","2024-03-16T00:30:44.932Z",0,{"phone":36,"userId":38,"nickName":36,"vipType":38,"avatar":36,"sign":36,"createdAt":40},"0001-01-01T00:00:00Z",null,162,"nginx,域名,多个域名,nginx部署,一个ip"]