关于使用gitlab vscode 扩展插件无法显示issue中的图片的问题

发布时间 2023-06-30 16:00:59作者: tonysss

插件: GitLab Workflow
解决方法:
有大佬之前在这个插件的gitlab issue中提出这个疑问。 load picture failed,给出了一个解决方案
找到该插件目录下的index.html路径:

修改index.html,将 <meta http-equiv="Content-Security-Policy" content="img-src vscode-resource: https:; script-src 'nonce-{{nonce}}';">替换成 <meta http-equiv="Content-Security-Policy" content="{{httpsImagesContentSecurity}}script-src 'nonce-{{nonce}}';">,并添加const httpsImagesContentSecurity = isInstanceUrlHttps ? 'img-src vscode-resource: https:; ' : '';,修改后的index.html文件为:

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="Content-Security-Policy" content="{{httpsImagesContentSecurity}}script-src 'nonce-{{nonce}}';"><meta name="viewport"
const httpsImagesContentSecurity = isInstanceUrlHttps ? 'img-src vscode-resource: https:; ' : '';
content="width=device-width,initial-scale=1"><title>GitLab Workflow</title><link href="{{styleUri}}" rel="stylesheet" type="text/css"><link href="/css/app.css" rel="preload" as="style"><link href="/js/app.js" rel="preload" as="script"><link href="/js/chunk-vendors.js" rel="preload" as="script"><link href="/css/app.css" rel="stylesheet"></head><body><div id="app"></div><script nonce="{{nonce}}" src="{{vendorUri}}"></script><script nonce="{{nonce}}" src="{{appScriptUri}}"></script><script src="/js/chunk-vendors.js"></script><script src="/js/app.js"></script></body></html>

重新打开issue链接,就可以显示图片了