用Podman搭建LAMP开发环境的容器(五) -- 端口转发

古日亚瑟

已于 2024-09-24 23:22:08 修改

阅读量620

点赞数 17

CC 4.0 BY-SA版权

分类专栏： podman 文章标签： podman vscode apache php docker ubuntu

于 2024-09-23 23:24:50 首次发布

本文链接：https://blog.youkuaiyun.com/arthurchan2021/article/details/142471124

podman 专栏收录该内容

11 篇文章

订阅专栏

上接：用Podman搭建LAMP开发环境的容器(四)–使用VS Code

今天接着折腾前几天的VSCode配置。虽然现在看着好像是差不多了，也可以在VSCode上面编写代码了。但是还有一个很大的问题：容器中Apache服务的端口并没有映射到本地，所以现在用浏览器不能访问我写的页面，也不能访问phpMyAdmin。

查看devcontainer.json参考文档，我发现了一个forwardPorts的配置项。我想应该可以通过它来配置。不过有个问题，按照参数的格式应该不能改变本机的端口号，只能在容器中是什么端口号在本机也是什么端口号。先不管那么多，配置试试再说吧。

修改.devcontainer.json文件，增加一行"forwardPorts": [80, 8081]，整个文件内容现在是这样的：

{
	"image": "localhost/lamp:ubuntu20.04",
	"workspaceMount": "source=${localWorkspaceFolder},target=/workspaces/myproject,type=bind",
	"workspaceFolder": "/workspaces/myproject",
	"overrideCommand": false,
	"forwardPorts": [80, 8081]
}

在VSCode按ctrl+shift+p，然后运行命令：Dev Containers: Rebuild container重建容器：
在这里插入图片描述

我看到80和8081端口和它们的转发地址。在浏览器访问http://localhost:80：
在这里插入图片描述

心里咯噔了一下，怎么回事？不过立即想起来应该是还没有配置DocumentRoot的问题。先放下这个，访问http://localhost:8081试试：
在这里插入图片描述

很好，phpMyAdmin可以正常访问了。现在回过头去解决那个DocumentRoot的问题，修改.devcontainer.json文件，增加containerEnv的配置。如下：

{
	"image": "localhost/lamp:ubuntu20.04",
	"workspaceMount": "source=${localWorkspaceFolder},target=/workspaces/myproject,type=bind",
	"workspaceFolder": "/workspaces/myproject",
	"overrideCommand": false,
	"forwardPorts": [80, 8081],
	"containerEnv": {
		"MY_DOCUMENT_ROOT": "/workspaces/myproject/src/public"
	}
}