Vue项目中改端口常见方法·修改·这个文件位于项目的根目录下

一、Vue项目中改端口号的三种常见方法

在Vue项目中，改端口号的方法有很多，下面我们就来简单聊聊三种最常用的方法。

方法一：修改vue.config.js文件中的devServer配置

你需要找到或者创建一个名为`vue.config.js`的文件。这个文件位于项目的根目录下。然后在文件中找到或添加一个`devServer`配置项，并设置`port`属性为你想要的端口号。

devServer: {



  port: 9090 // 假设我们要设置为9090



}

修改完成后，保存文件，并重新启动你的Vue项目，就会在新的端口号上运行了。

方法二：通过命令行参数指定端口号

如果你不想修改配置文件，还可以直接在命令行中指定端口号。只需在启动项目时，在命令后面加上`--port`参数和端口号即可。

方法三：在package.json文件中修改scripts中的启动命令

你还可以直接在`package.json`文件的`scripts`部分修改启动命令。添加或修改`"serve": "vue-cli-service serve --port 9090"`，其中`9090`是你想要的端口号。

"scripts": {



  "serve": "vue-cli-service serve --port 9090"



}

同样，保存文件后，重新启动项目，就可以在新的端口号上了。

Vue项目中更改端口号有几种不同的方法，你可以根据自己的需要选择合适的方式。记得修改后要重启项目，才能看到效果哦。