Angular 2 / Angular 4 : 로컬 시스템 위치에서 파일에 액세스하려면 어떻게 해야 합니까?

Angular 2 / Angular 4 : 로컬 시스템 위치에서 파일에 액세스하려면 어떻게 해야 합니까?

시스템의 다음 위치에 JSON 파일이 하나 있습니다.

/etc/project/system.json

시스템 경로를 사용하여 이 파일에 액세스하려고 하는데 작동하지 않습니다.하지만 내 애플리케이션에서 이 파일을 src 안에 넣으면 작동이 잘 됩니다.

JSON 파일 경로는 "/etc/project/system.json"이고 내 응용 프로그램 경로는 "/var/www/DemoProject"입니다.

그러면 로컬 시스템에서 파일에 액세스하려면 어떻게 해야 합니까?

다른 사람들이 말했듯이, 당신의 문제는 당신이 사용하고 있는 서버에 의해서만 해결될 수 있습니다.당신이 원하는 것은 일반적으로 이름이 붙은 정적 파일 서빙입니다.인터넷에서 서버에 대한 정적 파일 서비스에 대한 특정 지침을 찾을 수 있습니다.

그러나 어느 시점에서 Angular 응용프로그램을 빌드하고 있을 수 있습니다.당신은 웹팩을 사용하고 있을지도 모릅니다.

Angular-cli를 사용하여 앱을 빌드하는 경우 다음 구성을 사용하여 자산 아래에 시스템 폴더를 복사할 수 있습니다.웹 팩을 사용하는 경우 파일을 복사하지 않고 요청할 때마다 동적으로 파일을 가져옵니다.여기에서 웹 팩에 대해 읽어 보십시오.당신의.angular-cli.json파일:

"assets": [
  "assets",            // These two are generally used in Angular projects
  "favicon.ico",       // ^^^^^^^^^
  {
    "glob": "system.json",
    "input": "/etc/project/",
    "output": "./<outputfolder>"
  }
]

이렇게 하면 url과 함께 파일에 액세스할 수 있습니다.http://yourdomain/<outputfolder>/system.json

형식 스크립트 코드에서 이 json 파일을 사용하는 경우 이 파일을 찾도록 형식 스크립트 경로 매핑 구성을 설정할 수도 있습니다.웹 팩 및 Angular-cli도 이 구성을 지원합니다.당신의tsconfig.json파일:

"paths": {
  "system.json": [
    "/etc/project/system.json"
  ]
}

그런 다음 다음과 같은 형식 스크립트로 json을 가져올 수 있습니다.

import * as data from 'system.json';

typescript가 json 파일 형식을 단독으로 확인할 수 없으므로 이 json 파일에 대한 형식 선언이 있어야 합니다.당신은 여기서 그것에 대해 읽을 수 있습니다.간단히 말해서, 이것을 넣으시오.typings.d.ts프로젝트 루트:

declare module "*.json" {
    [key: string]: any;
}

여기에서 유형 스크립트 경로 해결에 대한 자세한 내용을 읽을 수 있습니다.

다른 옵션은 전자를 사용하는 것일 수 있습니다.

자습서는 다음과 같습니다.각도 5와 전자

그런 다음 각도를 사용하여 앱을 구축하고 전자 API를 사용하여 파일에 액세스할 수 있습니다.

Electron은 기본적으로 Linux/mac-os 또는 Windows에서 애플리케이션으로 실행할 수 있는 자체 포함된 nodejs 환경에 웹 애플리케이션을 번들하고 일반 애플리케이션과 같은 api를 통해 시스템에 액세스합니다.

언급URL : https://stackoverflow.com/questions/46470453/angular-2-angular-4-how-can-i-access-file-from-the-local-system-location