如何添加csp，x-frame-option header Azure应用服务(nodejs，react)

mwg9r5ms 于 2023-05-06 发布在 Node.js

关注(0)|答案(1)|浏览(123)

我们正在为我的react应用程序使用Azure应用服务。我们提供的react build工件来自azure应用服务（应用服务使用nodejs 14）。在这里我想

add content-security-policy header in web.config file.
Add x-frame-option - sameorigin
Remove x-powered-by: express header

但是在web.config文件中修改后，它没有反映在应用程序服务配置中。我该怎么办？
我的web.config文件

<configuration>
    <system.webServer>
        <httpProtocol>
            <customHeaders>
                <add name="X-Frame-Options" value="SAMEORIGIN"/>
                <add name="Content-Security-Policy" value=".." />
                <remove name="X-Powered-By" />                          
            </customHeaders>
        </httpProtocol>
    </system.webServer>
</configuration>

node.js

来源：https://stackoverflow.com/questions/76082951/how-to-add-csp-x-frame-option-header-azure-app-service-nodejs-react

1条答案

按热度按时间

wsewodh21#

我在react应用程序中添加了web.config，它在本地和Azure中工作，如下所示：
我引用了这个MSDOC和这个Blog来在Azure应用服务中部署react应用程序，并使用高级工具Kudu配置以下步骤。以下代码片段改编自Ashen Wijesingha的链接博客：

<configuration>   
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="Content-Security-Policy" value="default-src 'self';" />
        <add name="X-Frame-Options" value="SAMEORIGIN" />
        <remove name="X-Powered-By" />
      </customHeaders>
    </httpProtocol>   
  </system.webServer>
</configuration>