更改Docker上Vue.js应用程序的默认端口

可以通过修改Vue.js应用程序的配置文件来实现。以下是一些步骤：

1. 进入Vue.js项目的根目录。
2. 打开package.json文件，找到scripts对象中的serve命令。该命令通常用于启动开发服务器。
3. 在serve命令后面添加一个--port参数，后面跟上要更改的端口号。例如，如果要将端口号更改为8081，则serve命令将变为：
4. 在serve命令后面添加一个--port参数，后面跟上要更改的端口号。例如，如果要将端口号更改为8081，则serve命令将变为：
5. 保存package.json文件。
6. 在终端中运行以下命令重新启动Vue.js开发服务器：
7. 在终端中运行以下命令重新启动Vue.js开发服务器：

这样，Vue.js应用程序将在指定的端口上运行。

对于Docker上的Vue.js应用程序，需要对Dockerfile进行修改以反映更改后的默认端口。以下是一些步骤：

1. 打开Vue.js项目的根目录。
2. 创建一个名为Dockerfile的文件（如果不存在）。
3. 在Dockerfile中添加以下内容：
4. 在Dockerfile中添加以下内容：
5. 注意，这里的--port参数设置为8081，与前面在package.json中更改的端口号一致。
6. 保存Dockerfile文件。
7. 在终端中运行以下命令以构建Docker镜像：
8. 在终端中运行以下命令以构建Docker镜像：
9. 这将根据Dockerfile创建一个名为vue-app的Docker镜像。
10. 运行以下命令以在Docker容器中启动Vue.js应用程序：
11. 运行以下命令以在Docker容器中启动Vue.js应用程序：
12. 这将将Docker容器的8081端口映射到主机的8081端口，以便可以通过http://localhost:8081访问Vue.js应用程序。

以上是更改Docker上Vue.js应用程序的默认端口的步骤。请注意，这只是一种常见的方法，实际实现可能因项目配置和需求而有所不同。