Vue打包后页面出现cannot get

最近在研究vue，在git上看见别人的项目的，然后下载下来想研究下。下载完之后放到本地的访问目录里在，如果人家目录有node_modules请先删除（没有略过此步），然后在该项目的根目录中运行 npm install之后再运行命令 npm run dev。

[转自]https://www.cnblogs.com/anns/p/7457952.html
学习Vue有大半个月了，然而遇到了不少坑，完全没有高手们那么容易，中间有不少值得记录下的东东，回头好好理理。先理下今天的：

Vue打包命令简单啊，直接在命令行输入：npm run build

然而没一会儿页面出现是的cannot get

我去，这怎么搞

搜索啊 问人啊

折腾到想放弃 页面还是依然 cannot get

只能从头逐步排查了，大家都说要修改config下的index.js里的assetsPublicPath，可我刚安装的时候已经加过点了

image

脑子一抽便 加了下面这个配置的，后面搜索看到其他网友的解答，一定不要在dev下的assetsPublicPath里加点：

image

这时再启动项目npm run dev后，果然好了。但是有个小问题，为毛地址后面会自动加#，看这里：

image

加上 **mode:history **就OK了。

主要参考以下两篇文章：

Vue路由History mode模式中页面无法渲染的原因及解决

vue cli 使用npm run dev 报错Cannot GET /