更改Vue项目默认lo几种方法文件找到scripts部分

更改Vue项目默认localhost地址的几种方法

方法一：配置vue.config.js文件

最常用和推荐的方法是配置vue.config.js文件。这个文件位于项目根目录下，通过它我们可以方便地更改开发服务器的主机名和端口号。

步骤：

1. 在项目根目录下找到或创建一个vue.config.js文件。
2. 添加以下配置：

方法二：修改package.json中的scripts

通过修改package.json中的scripts部分来更改localhost地址也是一种方法，特别适合临时更改。

步骤：

1. 打开package.json文件。
2. 找到“scripts”部分。
3. 找到启动命令（通常是"dev"或"start"）。
4. 修改命令，添加`--host`参数和你的新localhost地址：

方法三：使用命令行参数

直接在启动开发服务器时通过命令行参数指定主机名和端口号。

步骤：

1. 打开终端或命令行工具。
2. 运行以下命令：

方法四：通过环境变量

使用环境变量来更改localhost地址，适用于不同环境下需要不同配置的情况。

步骤：

1. 在项目根目录下创建或修改一个文件（如.env.development）。
2. 添加以下内容：

然后在vue.config.js中引用这些环境变量：

更改Vue项目的localhost地址有几种方法，可以根据具体需求选择最合适的方式。推荐使用配置文件的方法，因为它直观、灵活且便于集中管理。