Vue4.0中修改默认端口号较之前几个版本有较大变化,修改方法如下:

    1. 找到修改端口的对应文件

    目录为:

    1. 项目文件夹/node_modules/@vue/cli-service/lib/options.js

    image.png
    image.png
    image.png

    • 2.打开options.js 文件,拖动最底部,找到如下代码,取消注释

    image.png

    以上圈里面的 port: 6080是我修改后的端口号,未修改的应该默认是 8080

    • 3.取消以上方框中的注释,就可以修改项目的端口号了(port)

    image.png

    注意:修改后不要再给注释上了。