如何修改Vue项目dist端口·端口·下面我会用更通俗的方式一步步教你

如何修改Vue项目的dist端口？

找到你的Vue项目根目录下的`vue.config.js`文件。如果这个文件不存在，你可以在根目录下新建一个。

然后，打开这个文件，找到`devServer`部分，这里是用来配置开发服务器的。你需要在里面找到一个叫做`port`的属性，然后将其值改为你想要的端口号，比如3000。

配置示例如下：

 devServer: { port: 3000 } 

保存文件，然后重启你的开发服务器。现在，你的Vue项目就会在你的新端口上运行了。

如果你不想修改代码，也可以在启动服务器时直接通过命令行来设置端口号。

使用命令行时，你可以使用`PORT`环境变量来指定端口。下面是一个例子：

 npm run serve -- --port=3000 

这样设置后，你的开发服务器就会在3000端口上运行。

有时候，你可能需要一个代理服务器来处理跨域请求，同时也能用来修改端口。

你可以使用一个叫做`http-proxy-middleware`的库来创建一个代理服务器。

你需要安装这个库，然后配置它来指向你想要代理到的端口。

配置示例如下：

 module.exports = { devServer: { proxy: { '/api': { target: '', changeOrigin: true, pathRewrite: { '^/api': '' }, } } } } 

这样设置后，所有的`/api`请求都会被代理到3000端口。

修改Vue项目的dist端口有三种方法：通过修改配置文件、通过命令行设置环境变量和使用代理服务器。根据你的具体需求选择合适的方法吧。