使用VUE后台管理框架如若依等VUE开源框架打包成EXE文件并成功访问后台服务器（java）

一直以来 想要做一个类似QQ的桌面应用是从小的梦想 现在在基于学了JAVA的Spring一套后，对于服务器还算比较了解了 ，但是一直后台打交道 还是喜欢像前端那样所见即所得更有成就感，于是最近试着学学VUE ，并通过VUE的方式做一款桌面应用软件，比如QQ 网易云音乐将网页版慢慢桌面化

由于本人懒 所以尽量简述 不会讲具体步骤 因为我已经研究了将近一周才捣鼓出来网上的教程都不是很清楚
以若依为例子
分为前端-后端两套代码
前端是VUE 后端是JAVA
然后下载electron 用这个可以将VUE打包成EXE桌面程序
electron-quick-start可以百度下直接将VUE项目打包成EXE
具体步骤就不说了 毕竟这个网上多的很
接下来是重点
由于桌面化后 访问接口是访问不到后台的 因为会有跨域的问题
因此要将所有axios请求的BASEURL 替换成http://***你的服务器地址
比如http://127.0.0.1:88 88是若依后台的网关端口

重点

将router中的index.js
export default new Router({
mode: ‘history’, // 去掉url中的#
scrollBehavior: () => ({ y: 0 }),
routes: constantRoutes
})

mode注释掉
不注这个你生成的EXE文件打开会找不到静态资源路径
就是登录后访问不到
花了很久踩了很多坑才解决 比如前面的访问不了后台接口 我试过改后端跨域前端各种测试
还有好不容易登录后
结果主页访问不了 就是JS静态资源没加载
发现是因为这个路由默认会缓存地址
希望未来的人看到能对你有所帮助