为什么运行vue显示在8081

在Vue项目中，运行在8080端口是默认的设置。但是，有时候运行Vue项目会显示在8081端口，这通常是由于以下几个原因：

1. 端口冲突：8080端口可能被其他应用程序占用，导致Vue项目无法使用8080端口。为了解决冲突，Vue会自动将项目运行在8081端口上。这可以通过检查本机上是否有其他占用8080端口的应用程序来确认。

2. 自定义配置：在Vue项目中，可以通过webpack配置文件进行自定义设置，其中包括端口号的设置。如果在配置文件中将端口号设置为8081，则会将Vue项目运行在该端口上。

3. 多个项目同时运行：如果您同时运行多个Vue项目，并且每个项目都默认使用8080端口，那么后运行的项目将无法使用8080端口。为了避免冲突，Vue会将后运行的项目自动分配到其他可用的端口上，例如8081。

需要注意的是，8081端口只是一个默认的备用端口，实际上可以通过配置文件或命令行参数进行更改。如果您想要将Vue项目运行在特定端口上，您可以在命令行中使用--port参数指定端口号，或者在配置文件中进行相应的更改。

综上所述，运行Vue项目显示在8081端口是由于端口冲突、自定义配置或同时运行多个项目所导致的。如果您想要将项目运行在其他端口上，可以进行相应的配置或使用命令行参数进行指定。

1. Vue开发服务器默认使用8080端口，但是在某些情况下可能会显示在8081端口上。这可能是因为在您的系统中已经有其他程序在使用8080端口，导致Vue开发服务器无法使用该端口。为了避免冲突，Vue开发服务器会尝试使用8081端口。

2. 您也可以通过配置文件来指定Vue开发服务器运行的端口。在Vue项目的根目录中，有一个vue.config.js文件，您可以在其中添加一个devServer选项，指定服务器的端口号。例如： devServer: { port: 8081 }。

3. 另外，您可以检查一下您的防火墙或安全软件是否阻止了端口8080的访问。有时候，安全设置会阻止应用程序在某些端口上监听。您可以尝试关闭防火墙或安全软件，然后再次运行Vue开发服务器。

4. 如果您在Vue项目中使用了代理服务器，并且代理服务器设置了8081端口作为目标端口，那么Vue开发服务器会自动将请求转发到代理服务器的8081端口。这可能是为什么您看到Vue开发服务器运行在8081端口上的原因。

5. 最后，可能是您在运行Vue开发服务器时手动指定了8081端口。在命令行中运行"npm run dev –port 8081"或"yarn dev –port 8081"会将Vue开发服务器启动在8081端口上。

运行Vue项目默认在8080端口，但是有时候可能会出现8080端口被占用的情况，此时需要进行端口的修改。修改Vue项目的端口可以通过配置文件或者命令行来完成。

方法一：通过配置文件修改端口

1. 打开Vue项目的根目录，找到config文件夹。
2. 在config文件夹中找到index.js文件。
3. 打开index.js文件，在module.exports对象中找到dev属性，其中包含着项目的配置信息。
4. 在dev属性中找到port属性，可以看到默认的端口是8080。
5. 将port属性修改为8081或者其他未被占用的端口，保存文件。

方法二：通过命令行修改端口

1. 找到Vue项目的根目录，在控制台或者终端中进入该目录。
2. 输入以下命令：

npm run dev -- --port 8081

这样就可以将端口修改为8081。如果要修改为其他端口，将8081替换为相应的端口号即可。

操作流程如下：

1. 将Vue项目的根目录下的config目录中的index.js文件打开。
2. 找到dev属性中的port属性，将其修改为8081。
3. 保存文件，然后运行Vue项目即可。此时，项目将在8081端口上运行。

如果还是无法运行在8081端口，可能是8081端口被其他程序占用了。可以通过以下方法来检查端口占用情况和解决冲突：

1. 在控制台或者终端中运行命令 netstat -ano | findstr "8081"，可以看到占用8081端口的程序的进程ID。
2. 运行命令 tasklist | findstr "进程ID"，将进程ID替换为上一步获取到的进程ID，可以看到占用8081端口的程序的名称。
3. 关闭占用8081端口的程序，或者将其修改为其他端口，然后重新运行Vue项目。

总结：通过修改配置文件或者命令行，可以将Vue项目运行在8081端口上。如果遇到端口占用问题，需要解决冲突并重新运行项目。