vue-ssr如何在script标签中添加属性



我将文档guid与https://ssr.vuejs.org/,但我找不到任何方法在script标记上添加自定义属性我想在script标记上添加crossorigin="anonymous以获得正确的错误,而不是"script error">

我找到了一种为scarpt标签添加自定义属性的方法只需使用·手动资产注入·然后获得脚本字符串,然后更改它医生在这里:https://ssr.vuejs.org/zh/guide/build-config.html#%E5%AE%A2%E6%88%B7%E7%AB%AF%E9%85%8D%E7%BD%AE-客户端配置

密码破解:

const content = await bundleRenderer.renderToString(context);
console.log('context.renderResourceHints()',context.renderResourceHints())
console.log('context.renderStyles()',context.renderStyles())
console.log('context.renderScripts()',context.renderScripts())
const html = `
<!DOCTYPE html>
<html>
<head>
${context.renderResourceHints()}
${context.renderStyles()}
<title>Hello Vue 13</title>
</head>
<body>
<div id="app">${content}</div>
${context.renderScripts()}
</body>
</html>  
`.trim();
res.send(html);

结果是:

context.renderResourceHints() <link rel="preload" href="/dist/manifest.js" as="script"><link rel="preload" href="/dist/css/styles.css" as="style"><link rel="preload" href="/dist/js/styles.5d70cd50ea7f1b9c411b.js" as="script"><link rel="preload" href="/dist/js/vendors~app.4be2234d42fb0ae60615.js" as="script"><link rel="preload" href="/dist/js/app.5db4c221de97601de33e.js" as="script"><link rel="prefetch" href="/dist/js/about.8e31d4893b2bd4ba6eee.js"><link rel="prefetch" href="/dist/js/blank.d47479964602e2a1ba7b.js">
context.renderStyles() <link rel="stylesheet" href="/dist/css/styles.css">
context.renderScripts() <script src="/dist/manifest.js" defer></script><script src="/dist/js/styles.5d70cd50ea7f1b9c411b.js" defer></script><script src="/dist/js/vendors~app.4be2234d42fb0ae60615.js" defer></script><script src="/dist/js/app.5db4c221de97601de33e.js" defer></script>

我们得到了字符串,我们可以更改它,对吗

最新更新