electron主线程使用axios报错 electron进程

进程

Electron进程分为主进程和渲染进程

• 主进程：
  electron运行package.json的main脚本的进程就是主进程。
  主进程通过创建web页面展示用户界面，创建窗口等所有系统事件都在主进程中进行；
  一个electron项目一定有且只有一个主进程。
• 渲染进程：
  用户所能看到的web页面或者说窗口都是渲染进程，一个web页面就是一个渲染进程。
  每个渲染进程都是独立的，只作用于自己运行的界面。
• 主进程和渲染进程的区别：
  主进程可以创建页面（窗口），一般通过BrowserWindow创建，这个页面就是一个渲染进程；渲染进程不能创建页面；
  每个BrowserWindow实例都在自己的渲染进程中运行, 当BrowserWindow实例被销毁后, 相应的渲染进程也会被终止。
• 主进程和渲染进程之间可以通信
   

调试方法

调试方法有不用开发工具的调试和使用开发工具调试。不用编译器调试的方法一般是使用命令行和浏览器进行调试，主进程和渲染进程的调试方法会有所不同。

不用开发工具的调试

好处：只要有浏览器就能进行调试，不需要下载开发工具

缺点：不太方便

渲染进程调试

首先在cmd.exe中执行npm start命令运行项目，然后就能看到项目建立的第一个窗口了（也就是第一个渲染进程）。在上方的菜单栏中点击View—>Toggle Developer Tools打开开发者工具（快捷键shift+ctrl+i）,这个开发者工具与浏览器的开发者工具是一样的。可以在开发者工具中调试渲染进程。

主进程调试

利用启动命令行开关，配合浏览器调试：

–inspect=[port]

其中port是端口号，将这个命令加在package.json的start命令中的electron之后，如：“start”: “electron --inspect=8083 .”

修改完之后打开浏览器，输入地址：chrome://inspect，找到configure按钮，点击后在里面输入端口号：localhost:[port]，比如我填的8083，那就填写localhost：8083，然后点击done

然后在cmd.exe中npm start运行，就能看到下方会出现一个inspect按钮，点击后就能进行调试了

使用开发工具调试

推荐使用VSCode进行调试。