解决Vue项目打包成dist放在Django中浏览器图标失效、页面跳转路由失效问题

1.背景描述

在Vue项目中执行

cnpm run build

会将Vue项目打包进dist文件夹，将该文件夹嵌入Django后，就可以在后端启动前端界面
（具体操作：已有Vue项目和Django初始化项目的结合），
但嵌入后会遇到一些问题，单独运行Vue项目时可以正常显示的内容在嵌入后可能会失效。

2.浏览器页面跳转失效

2.1 现象描述

网页打开新窗口或者从某个外部页面返回时，无法找到相应路径，页面丢失。

2.2 原因分析

之前在Vue项目的路由模块中设置了router的模式为‘history’，此模式会使浏览器访问网页时网址中没有‘#’符号，但在打包后会导致后台定位不到页面。

2.3 解决方案

将路由配置模块中的mode:'history’注释掉，
或者改为hash模式。

3.浏览器图标失效

3.1 现象描述

左边为单独运行Vue项目的浏览器显示，右边为打包之后在后端启动运行的显示。