Легко добавьте теги сценария в nuxtjs - PullRequest
Новая
       14

Легко добавьте теги сценария в nuxtjs

0 голосов
/ 21 марта 2019

В основном мне нужно добавить скрипт в заголовок моего index.html, 

<script type="text/javascript" src="https://a.optmnstr.com/app/js/api.min.js" data-account="XXXXX" data-user="XXXXX" async></script>

, так что я попробовал ...

в моем nuxt.config.js 

head: {
    script: [
        {  
           type: 'text/javascript', 
           src: 'https://a.optmnstr.com/app/js/api.min.js',
           data-account: 'XXXXX',
           data-user: 'XXXXX',
           async: true
        }
    ]
}

теперь очевидно, что это не работает, поскольку data-account и data-user недействительны, так как я могу сделать эту работу ??

Любая помощь будет оценена!

Спасибо

1 Ответ

0 голосов
/ 25 марта 2019

Это было указано быть @ Andrew1325

В nuxt.js вы можете создать файл app.html и добавить к нему скрипты, поэтому в моем случае файл app.html выглядит следующим образом 

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}
  </body>
  <script type="text/javascript" src="https://a.optmnstr.com/app/js/api.min.js" data-account="XXXX" data-user="XXXX" async></script>
</html>

IMO, это очень простой способ включить сложные сценарии в ваш проект

Примечание

Вам нужно будет перезапустить проект, чтобы увидеть app.html изменения

Для получения дополнительной информации вы можете перейти nuxtjs - шаблон приложения

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...