问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

轻松将脚本标签添加到 nuxtjs

社区维基
1
新手上路，请多包涵

基本上我需要将脚本添加到我的 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 无效，那么我怎样才能使它工作？

任何帮助，将不胜感激！

谢谢

原文由 Smokey Dawson 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译vue.jsvuejs2nuxt.js
阅读 532
2 个回答
得票最新
社区维基
1
✓ 已被采纳

这被指出是@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 - 应用程序模板

原文由 Smokey Dawson 发布，翻译遵循 CC BY-SA 4.0 许可协议

社区维基
1

您也可以像这样用单引号将数据属性括起来：

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

原文由 Jeff S. 发布，翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题