为什么vue也是8080的端口 • Worktile社区

fiy

Worktile&PingCode市场小伙伴

Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。它并不直接决定使用哪个端口进行开发，而是可以通过配置文件中的设置进行指定。默认情况下，Vue.js 开发服务器使用的是 localhost:8080 端口。那么为什么选择8080端口呢？下面将从几个方面进行解释。

首先，8080 端口是一个常用的备用端口。通常情况下，80 端口是用于 HTTP 通信的默认端口，而 443 端口是用于 HTTPS 通信的默认端口。在开发过程中，可能已经启用了其他服务（如 Apache 或 Nginx）占用了这两个默认端口。为了避免冲突，开发人员常常选择 8080 作为备用端口，以确保在开发过程中不会与其他服务发生冲突。

其次，8080 端口很容易记忆。数字组合中有许多流行的端口号，比如 80，443，8080 等。因此，开发人员选择 8080 作为 Vue.js 的默认开发服务器端口，可以使其易于记忆和识别。

此外，8080 端口也被认为是对开发人员更友好的端口。因为低于 1024 的端口号，一般需要管理员权限才能使用。而 8080 端口作为高于 1024 的备用端口，不需要管理员权限，这样方便了开发人员在本地进行开发和调试。

总结来说，Vue.js 默认使用 8080 端口作为开发服务器端口并没有特殊的技术原因，而是为了避免与其他常用端口冲突、易于记忆以及方便开发人员使用。当然，在实际开发中，开发人员可以根据需要自定义端口号，只需要在Vue项目的配置文件中进行相应的修改即可。

1年前 0条评论

worktile

Worktile官方账号

Vue.js 是一个用于构建用户界面的渐进式JavaScript框架。它不是一个服务器，而是一个在浏览器中运行的JavaScript库，用于构建单页应用程序。因此，Vue.js 并不直接使用端口。

端口号是网络通信中的一个标识符，用于标识特定的进程或服务。在网页开发中，通常网页服务器会监听特定的端口来接收和处理来自客户端的请求，并返回相应的页面内容。默认的HTTP请求端口是80，HTTPS请求的默认端口是443。而常见的开发环境中，如本地开发服务器或代理服务器，通常会使用不同的端口号来避免与默认端口冲突。

在开发Vue.js应用时，我们通常会使用类似webpack-dev-server或Vite等开发服务器，它们都支持自定义监听的端口号。默认情况下，这些服务器的监听端口号可能是8080，但也可以通过配置文件或命令行参数来指定不同的端口号。

以下是为什么Vue.js 在开发时常使用8080端口的一些原因：

避免默认端口冲突：由于80端口是HTTP请求的默认端口，有些开发者可能在本地开发环境中已经占用了该端口。为了避免冲突，开发服务器通常会选择一个没有被占用的端口，默认是8080。
易于记忆：8080是一个常见的备选端口，用于开发测试环境或代理服务器。很多开发者习惯将Vue.js应用程序的开发服务器配置为8080，这样方便记忆和使用，同时也可避免与其他常用端口冲突。
安全性考虑：有些系统或网络配置可能会限制对较低端口号的访问权限，例如端口号小于1024的端口。使用8080端口则不会受到这些限制，可以更方便地在本地开发环境中进行调试和测试。
约定俗成：由于很多开发者都习惯使用8080作为开发服务器的默认端口号，这也形成了一种约定俗成。当多个开发者协作开发时，统一使用相同的端口号可以减少配置和沟通的成本。

总之，虽然Vue.js本身并不直接使用端口号，但在开发过程中，采用8080作为开发服务器监听的端口号的做法较为常见和方便，因为它避免了默认端口冲突、易于记忆、较为安全，并且得到了开发者社区的广泛认可。

1年前 0条评论

不及物动词

这个人很懒，什么都没有留下～

Vue 是一种用于构建用户界面的渐进式JavaScript 框架，它可以通过创建单页面应用（SPA）实现动态网页。对于Vue应用的开发和运行，可以选择不同的端口号进行部署和访问。

通常情况下，Vue应用会使用 8080 端口作为开发环境的默认端口。这是因为很多开发者习惯使用 8080 端口在本地进行开发和测试，避免与其他常用的端口（如 80 和 443）冲突。同时，大部分的开发工具和服务器都默认使用 8080 端口进行本地开发。

但是，这并不意味着Vue应用一定要使用 8080 端口。实际上，你可以根据自己的需要选择任何一个可用的端口号。这个端口可以是你认为合适的任意数字，只需注意避免与其他服务或应用程序使用的端口冲突即可。

接下来，我们将详细介绍如何配置Vue应用的端口号。

方法一：通过配置文件设置端口号

Vue项目的配置文件是 vue.config.js ，它是一个可选的文件，在项目的根目录下创建它。

// vue.config.js

module.exports = {
  devServer: {
    port: 3000 // 设置端口号为 3000
  }
};

在 vue.config.js 文件中，使用 devServer 对象来设置开发服务器的相关配置，在其中使用 port 属性来指定端口号。将 port 设置为你想要使用的端口号，然后保存文件。

方法二：通过命令行参数设置端口号

除了通过配置文件来设置端口号，你还可以通过命令行参数来指定端口号。这种方式更为灵活，适用于临时改变端口号的场景。

在终端中执行以下命令：

vue-cli-service serve --port 3000

上述命令中的 --port 参数用于指定端口号。这将会在本次启动过程中覆盖掉配置文件中的默认端口号并使用新的端口号。

无论你使用哪种方法，只需要将端口号指定为合适的数值即可。+请注意，端口号需要是未被占用的、可供使用的端口。如果指定的端口已经被其他服务或应用占用，将会导致启动失败。

总结：

Vue默认使用端口号 8080 是出于习惯和避免端口冲突的考虑，在实际开发中可以根据需要进行修改。可以通过配置文件或命令行参数来设置Vue应用的端口号，并且要确保端口号不会与其他服务或应用冲突。

1年前 0条评论