electron-vue配置問題

1.跨域問題

找到src/main/index.js文件，或全局搜索BrowserWindow，添加代碼取消跨域

mainWindow = new BrowserWindow({
    height: 563,
    useContentSize: true,
    width: 1000,
    webPreferences: {
      webSecurity: false // 取消跨域
    }
  })

2.渲染進程出錯，出現 ReferenceError: require xxx not defined

同樣找到src/main/index.js文件，或全局搜索BrowserWindow，添加代碼

mainWindow = new BrowserWindow({
    height: 563,
    useContentSize: true,
    width: 1000,
    webPreferences: {
      webSecurity: false, // 取消跨域
      nodeIntegration: true, // v5版本開始需要加多這一行
      contextIsolation: false, // v12版本需要加多這一行
      enableRemoteModule:true //v10版本 打開remote模塊
    }
  })

3.使用原生模塊出錯，出現 but app.allowRendererProcessReuse is true的報錯字段

同樣找到src/main/index.js文件，添加代碼

//v9版本開始，官方推薦在 渲染進程中不使用原生nodejs 模塊
app.allowRendererProcessReuse = false;

4. NODE_MODULE 版本不匹配

npm install --save-dev electron-rebuild

./node_modules/.bin/electron-rebuild

5.設置打包資源路徑

打包后的資源文件夾會復制到文件的resources中

// package.json
{
    ...
    "build": {
      ...
      "extraResources": [
        {
          "from": "static/", 
          "to": "static/"
        }
        // 可以移動多個文件夾，from-to
      ],
      ...
    },
    ...
}