vue-cli3x4x修改本地端口port

一.推薦方法

"scripts": {
  "serve": "vue-cli-service serve --port 3000",
  "build": "vue-cli-service build",
},

在package.json中的scripts下的serve追加--port 3000

 

二.npm方法

npm run serve -- --port 3000

在打開本地服務器的時候追加輸入

 

三.追加vue.config.js

module.exports = {
  devServer: {
    historyApiFallback: true,
    port: 3000, 
    noInfo: true,
    overlay: true
  },
}

3x4x的vue腳手架配置項目后不會生成vue.config.js，需要自己添加vue.config.js腳本並追加上述描述

 

四.環境變量$PORT

PORT=3000 npm run serve