请教一下,electron中请求接口数据应该怎么写? about electron-vite-vue HOT 6 CLOSED

没有跨域的，用 axios 或 fetch 在渲染进程中写
有跨域的，用 axios 或 node-fetch 在主进程中写

from electron-vite-vue.

好的,感谢大佬解答

from electron-vite-vue.

有三种方案,不知道大佬推荐用哪一种

在preload中使用contextBridge,然后传递给渲染进程

使用netapi,request库或者fetch

//使用fetch,然后渲染进程使用window.getData.request(url);
contextBridge.exposeInMainWorld("getData", {
  async request(url: RequestInfo, init: RequestInit) {
    const res = await fetch(url, init);
    return await res.json();
  },
});

想请教一下你的contextBridge.exposeInMainWorld是写在preload.ts文件里面吗？然后怎么预加载的.我用用下面的方式加载不了preload文件里面的代码。

want to know where your contextBridge.exposeInMainWorld save. is it in preload.ts file? then how to preload it, i use the way below, but it doesn't load it actually.

const createWindow = () => {
  const win = new BrowserWindow({
    width: 1600,
    height: 800,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false,
      preload: 'electron/preload.ts', // path.join(__dirname, 'preload.js') <- not build in dist, so failed too.
    },
  });

  if (process.env.VITE_DEV_SERVER_URL) {
    win.loadURL(process.env.VITE_DEV_SERVER_URL);
  } else {
    // load your file
    win.loadFile(path.join(__dirname, "../dist/index.html"));
  }

  win.webContents.openDevTools();
};

from electron-vite-vue.

使用 contextBridge.exposeInMainWorld 需要关闭 nodeIntegration

from electron-vite-vue.

使用 contextBridge.exposeInMainWorld 需要关闭 nodeIntegration

关闭了之后要怎么preload那个文件..我那个preload的地址一直加载不成功。然后暴露不了自定义的api

from electron-vite-vue.

Demo 不可能加载不到 preload 你还是改了什么东西。去看下实际生成的文件，这个问题不难多自己研究研究。

from electron-vite-vue.