我想通过Angular 5中的Azure上的xmlHttpRequest访问本地文件

时间:2019-07-16 13:14:42

标签: angular azure azure-web-sites

访问azure上的本地json文件无法通过xmlhttprequest获取json数据,但在本地服务器上可以正常工作。

filepath = "/src/assets/config.json";
const xmlhttp = new XMLHttpRequest();
if (mimeType != null) {
            if (xmlhttp.overrideMimeType) {
                xmlhttp.overrideMimeType(mimeType);
            }
        }
xmlhttp.send();
        if (xmlhttp.status == 200) {
            return xmlhttp.responseText;
        }
        else {
              return null;
        }

1 个答案:

答案 0 :(得分:0)

如果要访问Azure Web应用程序上的json文件,则应完成两个步骤:

  1. 为您的json文件所在的物理路径创建一个虚拟目录: enter image description here
  2. 由于默认情况下未设置json文件的MIME类型,因此将具有以下内容的名为“ web.config”的文件上传到json文件所在的文件夹中:

<?xml version="1.0"?>
<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".json" mimeType="application/json" />
     </staticContent>
    </system.webServer>
</configuration>

仅如下所示: enter image description here

完成这两个步骤后,您可以访问json文件,请在此处尝试:https://ukwebapp716.azurewebsites.net/files/aaa.json