配置好后，直接通过
npm run serve启动项目，发现一切正常，于是，就开始愉快地编码，打开浏览器：http://192.168.0.28:8080/front，看效果：
一切都很完美，于是开始打包，熟练地在命令行敲下 npm run build ， 看着进度条一点点走着，内心也是有点小激动的，打包完成，看看打包目录：
先利用http-server启一个服务，然后去访问：http://192.168.0.28:8080/front.html
结果页面空白？？？ 这是什么情况？
于是，我慢慢回想，发现了有点异常，在开发环境，我访问是http://192.168.0.28:8080/front,而在http-server服务器上我访问是却是http://192.168.0.28:8080/front.html。于是我将http-server上的地址改为http://192.168.0.28:8080/front， 结果却是404.后来一想，这应该是vue路由的模式为history导致，于是尝试去改为hash, 发现也并不起作用，后来看文档，发现vue-cli3.0开发多页面应用，默认为history模式。怎么办呢，于是又想着从路由着手，将routes中的path改为xxx.html，实现代码如下：
这下再通过http://192.168.0.28:8080/front.html去访问，可以了，哈哈，内心有点小开心，然后将打包后的代码上传，提交给后台同学，让其去集成。一集成，又出问题啦，页面又空白啦，一开始脑子里想，是不是publicPath不对呀，但一看也没问题，我用的是相对路径，请求也都发了，就是空白，后来，后台的同学说，将项目部署在根目录下，就可以访问，我一听，想可能是路径问题，于是科在路由中加入了base选项，代码如下：
再打包，给后台同学集成，终于大功告成，通过这次经历，也算收获颇多，故记录下来，以共勉！
希望本文所述对大家vue.js程序设计有所帮助。
