json字串增加属性

当我们使用Vue构建项目时，往往需要在本地启动一个服务器以便浏览器可以访问我们的应用。默认情况下，Vue项目的开发服务器会使用8080端口进行服务，如果我们需要在同一台计算机上运行多个Vue项目，这个默认端口会成为一个限制因素，因为同一端口无法同时服务多个应用。因此，本文将介绍如何更改Vue项目的端口号，以避免这个限制。

首先，我们需要打开Vue项目的配置文件vue.config.js，如果该文件尚未创建，那么我们需要在项目根目录下手动创建这个文件。然后，在该文件中添加如下代码：

module.exports = {
  devServer: {
    port: 8081
  }
}

在上面的代码中，我们向Vue的开发服务器对象devServer传递了一个名为port的属性，该属性的值为8081。这意味着我们将使用8081端口来启动我们的Vue项目。请注意，如果您的计算机上已经有其他应用程序正在占用8081端口，那么您需要选择一个其他的未被占用的端口号。

除了更改端口号之外，我们还可以配置一些其他的服务器选项，例如主机名或代理服务器，以便在开发应用程序时模拟API调用。下面是一些示例代码，演示如何进行这些配置：

module.exports = {
  devServer: {
    host: 'localhost',port: 8081,proxy: {
      '/api': {
        target: 'http://localhost:3000',ws: true,changeOrigin: true
      }
    }
  }
}

在上面的代码中，我们通过向devServer对象传递host属性来指定要使用的主机名，以便我们可以从其他设备或虚拟机中访问我们的应用程序。我们还向代理选项传递了一个JSON对象，该对象指定了如何将所有的API调用转发到另一个服务器上。在这个示例中，所有以“/api”开头的请求都将被转发到地址为“http://localhost:3000”的服务器上，并且我们还启用了WebSocket代理和跨域选项。

最后，我们需要在命令行中使用npm run serve命令重新启动我们的Vue项目，并且我们的应用程序将会在新的端口号上运行。如果一切顺利，我们将能够通过浏览器访问我们的应用程序，并且我们也可以在后端进行API调用，以便测试我们的应用程序的所有功能。