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项目的浏览器显示,右边为打包之后在后端启动运行的显示。