Node.js 得到一个;违反以下内容安全策略指令:";默认src';无'&引用;。将angular应用程序部署到heroku时出错
我正试图将我的angular应用程序部署到Heroku,但我遇到了很多问题。我收到一个错误“拒绝加载映像“”,因为它违反了以下内容安全策略指令:“default src‘none’”。请注意,没有显式设置“img src”,因此将“default src”用作回退。” 我尝试添加http://*“不安全内联”;将src'self''unsafe inline''unsafe eval''>脚本写入我的index.html,我已经尝试运行ng build,但没有解决任何问题 不确定此错误来自我的代码中的何处,但这是我的服务器的一部分Node.js 得到一个;违反以下内容安全策略指令:";默认src';无'&引用;。将angular应用程序部署到heroku时出错,node.js,angular,heroku,Node.js,Angular,Heroku,我正试图将我的angular应用程序部署到Heroku,但我遇到了很多问题。我收到一个错误“拒绝加载映像“”,因为它违反了以下内容安全策略指令:“default src‘none’”。请注意,没有显式设置“img src”,因此将“default src”用作回退。” 我尝试添加http://*“不安全内联”;将src'self''unsafe inline''unsafe eval''>脚本写入我的index.html,我已经尝试运行ng build,但没有解决任何问题 不确定此错误来自我的代
app.use(express.static(__dirname + '/dist'));
app.get('/*', function(req, res) {
res.sendFile(path.join(__dirname + '/dist/index.html'));
});
这是我的package.json的一部分
"name": "*******",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "node server.js",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
我试图部署到angular,我希望它启动我的服务器并加载我的静态angular文件,但它在页面上给我一个“内部服务器错误”和一个“拒绝加载图像”https://thawing-fortress-79986.herokuapp.com/favicon.ico'因为它违反了以下内容安全策略指令:“default src'none”“。请注意,没有显式设置'img src',因此将'default src'用作回退。”“在控制台注销中。
任何帮助都将不胜感激可能路径未正确给出。 转到dist文件夹并检查index.html的正确路径 例如:
'/dist/**<your app name>**' && '/dist/**<your app name>**/index.html'
在server.js中添加这两行代码对我很有用:
var distDir=uu dirname+“/dist/”;
应用程序使用(快速静态(distDir))代码>
我的地区结构如下:
我也有同样的问题。你是怎么修好的?
app.use(express.static(__dirname + '/dist'));
res.sendFile(path.join(__dirname + '/dist/index.html'));