在开发Electron-Vue项目时,总会遇到一些难以预料的挑战。
曾几何时,我在电子的vue环境中工作遭遇了困境。记得那时,我在网上不断寻找着解决方案,然而每个人的实现方法与使用的框架都有所不同,导致网上的资料并不完全准确。这就像在看似平坦的柏油路上行驶,突然出现的一个小坑,让人措手不及,甚至导致“翻车”。
问题一:跨域问题
在通过vue-cli创建的Electron项目中,开发环境下使用axios访问接口时遇到了跨域问题。这个问题有着它的解决办法。只需在vue.config.js配置文件中加入特定代码即可解决。还需要注意打包时的ico文件应当是256256的尺寸。
问题二:URL变更问题
针对这一问题,虽然有一种较为简单但实用性的解决办法,就是在vue的main.js文件中添加特定的代码段。通过这种方式,axios请求可以正常工作,即便是在打包之后。但值得注意的是,这样做会导致开发环境下缺少了proxy代理功能。需要找到一个平衡点来兼顾开发和生产环境的需求。