webpack外網訪問

1. vue項目啟動之後外網無法訪問

vue-element-admin為基於vue和element的一個著名的後台管理系統。
筆者想在本地中將項目跑起來，於是按照下面的命令將項目啟動
【環境：linux cenos】

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

cd vue-element-admin

npm install

npm run dev

然後提示啟動成功。
但是在瀏覽器訪問該服務兆閉器的ip地址+埠發現無法訪問
然後在伺服器上curl 該ip地址+埠可以得到結果。
但是該伺服器其他服務均運行正常。

此時我按照網上的說法將webpack中的devServer的host改為『0.0.0.0』，再次啟動發現搭猜簡不起作用。
然後我在package.json中將script中的內容改為：

然後再知褲次啟動項目

訪問地址發現可以訪問成功。

原因：初步猜測是埠沒有開放的原因。

2. vue webpack build.js怎麼部署後怎麼通過路由訪問

vue webpack build.js部署後通過路由訪問：
{
"name": "firstvue",
"version": "1.0.0",
"description": "vue+webapck",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack-dev-server --inline"
},
"dependencies": {
"vue": "^1.0.18",
"vue-router": "^0.7.13"
},
"devDependencies": {
"autoprefixer-loader": "^2.0.0",
"babel": "^6.3.13",
"babel-core": "^6.3.21",
"和磨babel-loader": "^6.2.0",
"babel-plugin-transform-runtime": "^6.3.13",
"babel-preset-es2015": "^6.3.13",
"babel-runtime": "^5.8.34",
"css-loader": "^0.16.0",
"file-loader": "^0.8.5",
"html-loader": "^0.3.0",
"node-sass": "^3.4.2",
"sass-loader": "^3.2.0",
"style-loader": "^0.12.3",
"url-loader": "^0.5.6",
"vue-html-loader": "^1.2.0",
"vue-loader": "^7.2.0",
"webpack": "^1.12.0",
"webpack-dev-server": "^1.14.0"
},
"author": "xiaoming",
"license": "MIT",
"keywords": [
"vue",
"webpack"
]
}
<template>

<div class="head">
<鏈改input type = "text" value = "{{ title }}"></input>
<input type = "submit" v-on:click="golist()" ></input>
</div>
</template>
<script type="text/javascript">
export default {
data() {
return {
title: "這是登錄界面"
}
},
methods :{
golist () {//方法，定義路棚棚判由跳轉，注意這里必須使用this，不然報錯
this.$route.router.go({path:"/register"});
}
}
}
</script>