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>