Как загрузить локальный HTML-файл с помощью веб-просмотра - PullRequest
0 голосов
/ 05 ноября 2018

Я создаю электронное приложение, в котором я загружаю HTML-файл, используя этот код в разработке:

<webview id="foo" src="/src/documents/example.html" style="display:inline-flex; width:100%; height:550px"></webview>

Это хорошо работает при разработке, но как только приложение упаковано, оно показывает пустую страницу. Я исследовал все вокруг, и кажется, что использование __dirname может решить проблему.

Я все еще очень плохо знаком с электроном и не могу понять, как достичь этого пути (src="/src/documents/), используя __dirname.

Любая помощь будет высоко оценена.

1 Ответ

0 голосов
/ 20 ноября 2018

Я думал, что поделюсь решением, которое нашел вокруг. В основном вам нужно создать маршрут для страницы, которую вы хотите загрузить, следующим образом:

{
  path:'/example',
  name:'example',
  component: require('@/components/example').default
},

Если вы используете electronic-vue, убедитесь, что расширение страницы - ".vue", и заключите содержимое страницы следующим образом:

<template>
<html>
**Put the page content in here**
</html> 
</template>

В моем случае я хотел перейти на страницу, нажав на кнопку, поэтому я использовал Vue-router так:

<button type="button" class="btn btn-light"><a id="home"><router-link :to="{ name: 'example' }"> Button text </router-link></a>
</button>

Et вуаля!

...