请求仅支持协议方案：http、data、chrome、chrome-extension、https

Posted 2023-02-27

【中文标题】请求仅支持协议方案：http、data、chrome、chrome-extension、https

【英文标题】：requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https

【发布时间】：2017-12-25 03:39:17

【问题描述】：

我正在使用 angular-cli，我正在通过使用 click event 发送 XMLHttpRequest 来读取 txt 文件并收到此错误。

XMLHttpRequest cannot load file:///E:/xampp/Angular-
]cli/Login/src/app/employees.txt. Cross origin requests are only supported for 
protocol schemes: http, data, chrome, chrome-extension, https.

这是生产线的问题。 (file.component.ts)

 rawFile.send(null);

如果您需要更多文件，请告诉我。

这是文件

file.component.ts

import  Component, OnInit  from '@angular/core';

@Component(

selector: "file",
templateUrl: "/filedata.component.html",
)
export class FileData

makeRequest(file)

    let rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, false);
    try
    
        rawFile.onreadystatechange = () =>
        
            if(rawFile.readyState === 4)
            
                if(rawFile.status === 200 || rawFile.status == 0)
                
                    var allText = rawFile.responseText;
                    console.log(allText); // Here is the contents of the file
                
                else
                    console.log("error contents");
            
            else
                console.log("error ready status");
        
        rawFile.send(null); // Here's the Error!
    
    catch(e)
    
        console.log(e);
    

file.component.html

<div>
<button type = "button" (click) = "makeRequest('E:/xampp/Angular-cli/Login/src/app/employees.txt')">File Test</button>
</div>

【参考方案1】：

我认为你必须在函数调用中指定file:///

<button type = "button" (click) = "makeRequest('file:///E:/xampp/Angular-cli/Login/src/app/employees.txt')">File Test</button>

【讨论】：

什么都没发生。 ：/。它从不执行 if(rawFile.readyState === 4)