请教大佬们在使用 electron 对 Vue 项目打包成 exe 的问题？

环境

vue2
electron 25.2.0
node 14
electron-store 8.1.0

问题

我使用 electron 对一个 Vue 项目打包成 exe 程序时，按照官方文档已经完全配置好，然后打包成功，但是我在运行 exe 程序的时候，会出现 token 一直丢失的问题。代码里拦截请求，然后登录拿到 token 加到请求头里

1.使用 cooike ，不能登录
2.使用 localstorage ，可以登录到首页，调其他接口又会丢失

查询资料里，建议使用 electron-store,我参考官方文档配置好后，代码不能正常启动

我的代码：

const Store = require('electron-store'); const eStore = new Store(); /** * 请求拦截 */ http.interceptors.request.use(config => { config.headers['token'] = eStore.get('token') // config.headers['token'] = Vue.cookie.get('token') return config }, error => { return Promise.reject(error) })

报错信息

ERROR Failed to compile with 1 errors 下午 6:32:55 error in ./node_modules/electron-store/index.js Module parse failed: D:\money\counter\v1.7\counter-fast\counter-vue\node_modules\electron-store\index.js Unexpected token (53:3) You may need an appropriate loader to handle this file type. | options = { | name: 'config', | ...options | }; | @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/common/login.vue 87:26-51 @ ./src/views/common/login.vue @ ./src/views ^\.\/.*\.vue$ @ ./src/router/import-development.js @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8001 webpack/hot/dev-server babel-polyfill ./src/main.js

ps

一名后端仔，请教一下这是什么原因造成的，看源码他应该会找 appData 下的 userData.json ，文件来存储，但是没找到这个文件，我建了个文件也是这个错不太理解...

va3rrw

2023-06-30 16:20:04 +08:00

最近业余在写 electron APP ，以下是我的做法：

在`main/index.ts`中，

```
import log from 'electron-log'

Store.initRenderer()
```

同时在 BrowserWindow 的定义中：
```
webPreferences: {
preload: join(__dirname, '../preload/index.js'),
contextIsolation: false,
sandbox: false,
},
```

在 `preload/index.ts`中，

```
import storeAPI from 'electron-store'

// @ts-ignore (define in dts)
window.store = storeAPI

```

在`preload/index.d.ts`中，

```
import storeAPI from 'electron-store'

declare global {
interface Window {
store: storeAPI
}
}

```

在 renderer 中用到 store 的地方：
```
// @ts-ignore override warning
const persistentStore = new window.store({ name: 'settings' })

// 使用 persistentStore.get() 读数据
// 使用 persistentStore.set() 写数据
```

我自己对 typescript/electron 也是一知半解, 以上供参考。