electron 为所有请求添加请求头

实际开发中我们和后端交互的时候经常需要携带token,本将为你提供解决办法

  const {session} = require('electron');
  const xxx_filter = {
        urls: ["*://*/*"]
    }
    session.defaultSession.webRequest.onBeforeSendHeaders(xxx_filter, (details, callback)=> {
      details.requestHeaders['token'] = "token"
                callback({requestHeaders: details.requestHeaders});
    })

注意 session.defaultSession.webRequest.onBeforeSendHeaders 需要写进主进程,且只能 ready

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
首先,你需要先安装 Node.js 和 Vue CLI,然后执行以下步骤: 1. 创建一个基于 Vue CLI 的项目,可以使用以下命令: ```bash vue create my-electron-app ``` 2. 安装 electronelectron-builder: ```bash npm install --save-dev electron electron-builder ``` 3. 在项目根目录下创建一个 main.js 文件,用于 Electron 的主进程: ```javascript const { app, BrowserWindow } = require('electron') let mainWindow function createWindow () { mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) mainWindow.loadURL(process.env.NODE_ENV === 'development' ? 'http://localhost:8080' : `file://${__dirname}/index.html`) mainWindow.on('closed', () => { mainWindow = null }) } app.on('ready', createWindow) app.on('window-all-closed', () => { if (process.platform !== 'darwin') { app.quit() } }) app.on('activate', () => { if (mainWindow === null) { createWindow() } }) ``` 4. 在 package.json 中添加以下脚本: ```json { "scripts": { "electron:serve": "vue-cli-service electron:serve", "electron:build": "vue-cli-service electron:build" } } ``` 5. 在 src 目录下创建一个 api.js 文件,用于封装接口请求: ```javascript import axios from 'axios' const instance = axios.create({ baseURL: process.env.VUE_APP_API_BASE_URL }) export default { get: (url, params) => instance.get(url, { params }), post: (url, data) => instance.post(url, data) } ``` 6. 在项目根目录下创建一个 .env 文件,用于存储 API 的基础 URL: ``` VUE_APP_API_BASE_URL=http://localhost:3000 ``` 7. 在组件中使用 API: ```javascript import api from '@/api' export default { data () { return { items: [] } }, mounted () { api.get('/items').then(response => { this.items = response.data }) } } ``` 最后,你可以使用以下命令启动 Electron 应用程序: ```bash npm run electron:serve ``` 或者使用以下命令构建可分发的应用程序: ```bash npm run electron:build ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

狗_都不做前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值