作成日: 2026/03/25    最終更新日: 2026/03/25

文書種別

使用方法

詳細

Webデザイナをサーバー(IIS)に配置して動作させたとき、開発環境と同じURLでは静的ファイル(.js/.css)やAPIを参照できない場合があります。

Webデザイナを配置しているページからの相対パスを設定する場合、以下のように記述します。

<link rel="stylesheet" href="./css/web-designer.css" />
<script src="./js/web-designer.js"></script>

Razorページの場合、Url.Contentメソッドを使用して以下のように記述することも可能です。

<link rel="stylesheet" href="@Url.Content("~/css/web-designer.css")" />
<script src="@Url.Content("~/js/web-designer.js")"></script>

Webデザイナが利用するAPIも同様に相対パスで設定する必要があります。
初期化オプションのserver.urlを以下のように設定します。

GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {
    server: {
        url: '@Url.Content("~/api")'
    },
    appBar: {
        openButton: { visible: true },
        saveButton: { visible: true }, 
        saveAsButton: { visible: true },
    },
    documents: {
        fileView: { visible: false }
    }
});

また、UseFileStoreで指定したフォルダのサブフォルダ（tempファルダなど）にあるレポートを開くときにはURLにエスケープ文字が含まれるため、IISでは以下のエラーが発生する可能性があります。

HTTP Error 404.11 - Not Found
The request filtering module is configured to deny a request that contains a double escape sequence.

このエラーはweb.configファイルでallowDoubleEscapingを設定することで回避できます。

<system.webServer>
  <security>
    <requestFiltering allowDoubleEscaping="true" />
  </security>
</system.webServer>