如何把localhost转为自定义域名

localhost 转为域名的命令针对mac系统,但是win、linux根据这个思路应该也能用,只不过实现方式不同

修改本地host

要将 localhost 转换为自定义域名,你可以修改 macOS 的 hosts 文件。以下是在 macOS 上进行此操作的步骤:

打开终端应用程序。
运行以下命令以编辑 hosts 文件:

sudo vim /etc/hosts

输入管理员密码以确认权限。
在打开的 hosts 文件中,你可以看到一些注释行和可能已经存在的条目。在文件的末尾添加一个新的条目,例如:

127.0.0.1	dev.test.com

如何把localhost转为自定义域名_第1张图片
这将把 test 映射到本地回环地址 127.0.0.1,相当于将 localhost 转换为 test。
保存文件并退出编辑器。(在VIM编辑器中,按下 i 键编辑,编辑完后按下esc键输入:wq 保存并退出, 在 nano 编辑器中,按下 Control + X,然后按下 Y 键确认保存,最后按下 Enter 键退出。)
刷新 DNS 缓存,以便新的 hosts 文件生效。在终端中运行以下命令:

dscacheutil -flushcache

现在,你应该能够使用 dev.test.com 替代 localhost 访问本地服务。例如,http://dev.test.com:8081/hello 应该可以访问到 http://localhost:8081/hello。

配置本地反向代理

反向代理将接收到的请求从一个地址(例如 http://dev.test.com/hello)转发到另一个地址(例如 http://localhost:8081/hello),从而实现将自定义域名映射到本地服务的效果。

有几种方式可以实现反向代理,其中一种常用的方法是使用 Nginx。以下是在 macOS 上使用 Nginx 进行反向代理的步骤:

确保已经安装了 Nginx。如果尚未安装,可以使用 Homebrew 命令进行安装:

brew install nginx

打开 Nginx 配置文件进行编辑。默认情况下,配置文件位于

/opt/homebrew/etc/nginx
sudo nano /usr/local/etc/nginx/nginx.conf

在 http 块内添加以下配置

server {
    listen 80;
    server_name dev.test.com;

    location / {
        proxy_pass http://localhost:8081/;
    }
}

保存文件并退出编辑器。在 nano 编辑器中,按下 Control + X,然后按下 Y 键确认保存,最后按下 Enter 键退出。

启动 Nginx 服务:

sudo nginx

现在,你应该能够通过 http://dev.test.com/hello 直接访问到 http://localhost:8081/hello。

请注意,使用 Nginx 进行反向代理可能需要管理员权限。如果端口 80 已被其他进程占用,或者你需要使用其他域名,你可能需要进行额外的配置更改。

ps: 查看nginx端口占用情况,kill进程
ps aux | grep nginx
sudo kill

你可能感兴趣的:(nginx,前端)