VUE-CLI 3 修改前端默认的端口

1.修改项目中默认配置的端口号（修改的是默认的浏览器上的端口）：

所在目录：node_modules\@vue\cli-service\lib\commands

需要修改的文件：serve.js

默认端口为8080，我修改为8081；如下图所示：

const {
  info,
  hasProjectYarn,
  hasProjectPnpm,
  openBrowser,
  IpcMessenger
} = require('@vue/cli-shared-utils')

const defaults = {
  host: '0.0.0.0',
  port: 8080,
  https: false
}

2.在vue.config.js中重新修改端口号（修改的是默认的浏览器上的端口）：

devServer: {
      // host:0.0.0.0,
      port: 8000, // 端口号
      // https: false, // https:{type:Boolean}
      open: true, //配置自动启动浏览器 
      hotOnly: true, // 热更新
     /*  proxy: {
          '/api': {  // http://localhost:8081/api/banner
              target: 'http://192.168.3.174:8083',// http://127.0.0.1:7001/banner
              changeOrigin: true,
              pathRewrite: {
                '^/api': '/'
              }
          },
          // "/XX/*": {
          //   target: "http://172.11.11.11:7071",
          //   changeOrigin: true,
          //   // ws: true,//websocket支持
          //   secure: false
          // },
        
      } */
  }

3.将项目部署到Linux服务器上，部署步骤如下：

1.  全局安装npm install express-generator -g
2.  express + 项目名称
3.  cd 项目名称
4.  npm install 安装依赖包
5.  npm start 启动项目
6.  端口号 3000（默认）

//发布到服务器上启动node更改www文件端口号

命令行输入 set PORT=3000吗，node app.js（部署分发系统项目时，此命令执行没有效果，改为用 export PORT=3001，再 npm strart成功了）