vue-cli4.x版本修改端口，页面打包空白

./node_modules 表示当前项目目录下的node_modules目录，那么我们就可以到这里去找这个

到 项目名\node_modules@vue\cli-service这个目录去

2019032218492739.png

20190322185229962.png

打开这个文件，拉倒最下面，可以发现这个配置，我们把注释去掉，把端口号改成9999，保存文件，运行npm run dev

2019032218591953.png

改成下面这样试试

20190322185958526.png

20190322190021895.png

20190322190052920.png

没问题，运行成功

其实我们可以看到，bin下面的vue-cli-service.js文件引用了这个“../lib/Service”这个文件

20190322190356218.png

20190322190659822.png

20190322190732603.png

service 里面又引入了option的文件 里面的defaults

而 defaults 里刚好就有端口的配置

20190322190918830.png

页面打包空白的方法同样在次文件里修改，找到publicPath

image.png