vue怎么改变默认8080端口

vue怎么改变默认8080端口

1. 第一步

注意是在根目录下,和src同级目录下创建vue.config.js
第二步
在新建的vue.config.js中写入如下代码

/* 覆盖webpack的配置 */
module.exports = {
    devServer: { // 自定义服务配置
        open: true, // 自动打开浏览器
        port: 3000 // 端口号
    },
    lintOnSave: false //eslint-loader 是否在保存的时候检查
}

第三步
配置好以后需要重新启动下 yarn serve
执行 yarn serve 后终端出现下图则说明成功

第四步
测试新的端口
新端口如果能在浏览器中启动则说明修改成功
就可以开始你的码砖之旅了!!!