vue-element-admin為基于vue和element的一個(gè)著名的后臺(tái)管理系統(tǒng)。
筆者想在本地中將項(xiàng)目跑起來(lái)，于是按照下面的命令將項(xiàng)目啟動(dòng)
【環(huán)境：linux cenos】

clone the project

git clone https://github.com/PanJiaChen/vue-element-admin.git

enter the project directory

cd vue-element-admin

install dependency

npm install

develop

npm run dev

然后提示啟動(dòng)成功。
但是在瀏覽器訪問(wèn)該服務(wù)器的ip地址+端口發(fā)現(xiàn)無(wú)法訪問(wèn)
然后在服務(wù)器上curl 該ip地址+端口可以得到結(jié)果。
但是該服務(wù)器其他服務(wù)均運(yùn)行正常。

此時(shí)我按照網(wǎng)上的說(shuō)法將webpack中的devServer的host改為‘0.0.0.0’，再次啟動(dòng)發(fā)現(xiàn)不起作用。
然后我在package.json中將script中的內(nèi)容改為：

 "scripts": {
    "dev": "vue-cli-service serve --port=8086",

然后再次啟動(dòng)項(xiàng)目

image.png

訪問(wèn)地址發(fā)現(xiàn)可以訪問(wèn)成功。

原因：初步猜測(cè)是端口沒(méi)有開(kāi)放的原因。