vue2.0打包之后不使用服务器在本地打开

vue打包之后如何在本地打开呢。

请看下面图文。

一：在打包之后，直接打开本地资源连接之后，打开控制器，发现页面空白，控制器报错。

这是打包好了，现在我们打开本地资源。

打开之后发现页面空白，并且控制台还在报错，这时因为静态资源路径的问题。现在打开项目，我们修改一下路径。

第一步，将config下面index.js里面截图部分路径‘/’前面添加一个‘./’，

第二步，将build下面utils.js里面截图位置添加一行  publicPath:'../../'

这样我们就修改好路径了，行了现在重新 npm run build 

重新打包好之后，我们在打开本地资源，这时我又发现一个新的问题，页面打开仍然是空白，但是控制台已经不报错了，哇，很难受，在半个小时后最终知道了问题所在，是因为路由的问题 坑啊！！！

第三步  我们还需要将路由这块做下修改，看下图。

脚手架，默认这块的值是History ，我们需要将History 改为hash。因为默认的他无法渲染页面（为什么无法渲染，将在下一篇文章中写出来）。

改好之后，我们在重新 npm run build

这时再打开页面，终于可以渲染出来的。

转载请注明出处，谢谢！！！  

-----------我是岁月，一个前端小白