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成功了)

 

Logo

前往低代码交流专区

更多推荐