使用Gulp+Browsersync搭建着陆页时遇404及CSP脚本执行错误

问题概述 #

搭建着陆页的Gulp构建环境，使用Browsersync插件时碰到两个核心问题：

• 访问页面时出现404错误
• 内联脚本因违反Content Security Policy（CSP）指令无法执行

已尝试的解决方案 #

• 在页面头部添加CSP相关meta标签，未解决问题
• 安装Chrome浏览器扩展禁用CSP后，CSP错误消失，但404问题依然存在

相关文件清单 #

• src/index.html
• dist/index.html
• src/html/head.html
• gulp/tasks/server.js
• gulpfile.js

附加材料 #

• 终端运行截图
• 浏览器错误截图

内容的提问来源于stack exchange，提问作者Serhii Yunnikov