gpt4 book ai didi

vue.js - 轻松地将脚本标签添加到 nuxtjs

转载 作者:行者123 更新时间:2023-12-03 22:53:27 25 4
gpt4 key购买 nike

基本上我需要将脚本添加到我的 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-accountdata-user无效,那么我怎样才能使这项工作?

任何帮助,将不胜感激!

谢谢

最佳答案

有人指出这是@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 - app template

关于vue.js - 轻松地将脚本标签添加到 nuxtjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55272347/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com