在使用 Electron 开发跨平台桌面端软件的时候,我们如果使用了 Vue.js 或者 React.js 来开发,那么我们在打包到正式环境的时候会出现页面只加载了默认的 App.vue 页面的代码,那么问题出在哪里了呢?
这是由于我们在使用 Vue-Router 的时候,把 Route 的 mode
设置为了 history
模式了,也就是类似于 https://www.example.com/login
和 https://www.example.com/i
这样的路由格式。
我们可以将 mode
更改为 hash
即可,即 https://www.example.com/#/user
的格式
const router = new VueRouter({
mode: 'hash',
base: process.env.BASE_URL,
routes,
});
更多内容
前端开发转全栈,目前的技术栈是 Node.js、Python,日常研究 C、C++ 和 Rust,孜孜啃食系统开发和网络设计中~
更多的内容请移步GitHub@ruxf,知乎@如小非,掘金@如小非,或者关注我的公众号@全栈开发师,欢迎来撩~
学到老,写到老,生命不停,编程不止~
加油,打工人~