电子战创建新窗口

时间:2019-03-09 19:14:49

标签: vue.js electron electron-vue

我正在尝试使用以下代码创建新窗口:

createBotWindow() {
    const winUrl = process.env.NODE_ENV === 'development' ? `http://localhost:9080/bot` : `file://${__dirname}/index.html`;

    this.availableWindows[1] = new BrowserWindow({
        x: -8, //to be exacly x:0 in windows...
        y: 0,
        height: 500,
        width: 500,
        useContentSize: true,
        show: false
    });
    this.availableWindows[1].loadURL(winUrl);
    this.availableWindows[1].on('closed', () => {
        this.availableWindows[1] = null;
    });
},

我拥有的Vue路由器

{
  path: '/bot',
  name: 'bot-page',
  component: require('@/components/BotPage').default
},

在组件目录中,我有BotPage.vue文件:

<template>
    <h2>Hello World</h2>
</template>
<script>
    export default {}
</script>

在控制台的新窗口中,有2个错误:

  

拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“ default-src'self'”。要么使用'unsafe-inline'关键字,要么使用一个哈希('sha256-hY0Tz9CeWmB42Cjr7IVuwuBk5B6PQB2D / + LGDs8jrZY =')或一个随机数('nonce -...')来启用内联执行。另请注意,未明确设置“ script-src”,因此将“ default-src”用作后备。

     

无法加载资源:服务器的响应状态为404(未找到)

它不会在新窗口中显示Hello World。

我做错了什么?

1 个答案:

答案 0 :(得分:0)

我必须在vue路由器中禁用mode: 'history'并加载以下网址:http://localhost:9080/#/bot