Загрузка приложения vue с данными jsonld, переданными в качестве параметра в URL - PullRequest
Новая
       7

Загрузка приложения vue с данными jsonld, переданными в качестве параметра в URL

0 голосов
/ 25 января 2019

Допустим, у меня есть приложение Vue http://www.example.com/?url=https://example-data.com/activity-sets/example/sample.jsonld.

Я бы хотел, чтобы приложение Vue загружало страницу с помощью jsonld, пройденного по пути, указанному в URL, т.е. https://example -data.com / activity-sets / example / sample.jsonld

Идея такова: любой должен иметь возможность изменять URL-адрес для других данных jsonld, расположенных в любой точке мира.Как мне этого добиться?

Я новичок в Vue и не понимаю, что делать.

1 Ответ

0 голосов
/ 25 января 2019

Это довольно легко для чего-то подобного.Просто создайте HTML-документ (index.html) в корне вашего веб-сервера и добавьте следующее содержимое: 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Vue Example</title>
</head>
<body>
    <div id="app"></div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
    var $_GET=[];
    window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(a,name,value){$_GET[name]=value;});
    new Vue({
      el: '#app',
      data () {
        return {
          url: $_GET['url']
        }
      },
      template: '<iframe :src="url"></iframe>'
    })
    </script>
</body>
</html>

Он прочитает содержимое ?url= из URL-адреса и вставит его в качестве источника iFrame.

В теории это поможет.Если вы проверите это, например, с.? url = https://twitter.com/chucknorris В результате вы получите нарушение "Политики безопасности контента".Большинство сайтов будут защищены таким образом, поэтому вы должны проверить это с вашей целью.

...