Vue項目端口號占用

問題描述：

---

 

今天在啟動一個Vue項目的時候，遇到了一個問題。

 

得知是Vue項目端口號占用的問題。

 

解決方法：

---

 

換一個端口號。

在調用  npm run dev 的時候，實際上是在調用根目錄下的 package.json,打開這個文件之后發現：

"scripts": {
    "dev": "node build/dev-server.js",
    "build": "node build/build.js",
    "lint": "eslint --ext .js,.vue src"
  }

由此可知，我們應該查看build目錄下的dev-server.js文件

在dev-server.js文件中可找到:

var uri = 'http://localhost:' + port

此處的port便是我們將要尋找的，在dev-server.js的開始部分我們可以發現:

var path = require('path')

 

而path又是從哪里來的呢？

根目錄下有一個config文件夾，看名字就知道與配置有關，打開config目錄下的index.js

  dev: {
    env: require('./dev.env'),
    port: 8080,
    autoOpenBrowser: true,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {},
    cssSourceMap: false
  }

這里不僅可以改變端口，還可以根據需要改變其他配置信息。

 

 

參考：https://blog.csdn.net/liyuxing6639801/article/details/60325558