更改端口号方法
版本在vue 3+
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/12dd99795151a688926917a5cbb86cfe.png)
在vue.config.js文件中
module.exports={
devServer:"8080"
}
vue.config.js配置文件
vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js 文件,需要手动创建
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/1f4aa40baeb69d68240d4a4e556bb37e.png)
vue.config.js
vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。
根目录中创建 vue.config.js
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/781933f896251ca9cfa1f07f79b524fe.png)
在可视化窗口更改
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/feee3815697c3cd1105fd56a39c3ba6a.png)
在参数中进行更改
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7fee2a1ca258f2b19c4cee1f496afbb0.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f657fc85de2e63a401d0c4ecac8db515.png)