angular中访问本地json文件

 先在assets文件夹下写一个json文件,这样在打完包之后也可以手动修改json文件内容

方法一: 使用http调用

1、在需要访问本地json文件的ts文件里面引入 import { HttpClient } from '@angular/common/http';

 2、在constructor中注入http依赖

 3、使用http请求进行调用

        getIP = () => {
            this.http.get("../../assets/server.json").subscribe((data) => {
                var ip = data["serverIP"];
                localStorage.setItem('ip', ip);
            });
        };

方法二:直接使用ajax调用 

 3、用ajax请求调用,我这里是用已经封装好的ajax请求调用

  gethttp = ()=>{
    var self = this
    self.ajax.getAjax("../../assets/server.json","get",{},function(data){
        var ip = data["serverIP"];
        localStorage.setItem('ip', ip);
    })
  }
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
angular.jsonAngular CLI的配置文件,它用于配置Angular项目的各种构建选项。该文件包含了项目的各种配置信息,例如构建选项、构建目标、环境变量等等。下面是一个angular.json文件的示例: ```json { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "my-app": { "root": "", "sourceRoot": "src", "projectType": "application", "prefix": "app", "schematics": {}, "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist/my-app", "index": "src/index.html", "main": "src/main.ts", "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.app.json", "assets": [ "src/favicon.ico", "src/assets" ], "styles": [ "src/styles.css" ], "scripts": [] }, "configurations": { "production": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ], "optimization": true, "outputHashing": "all", "sourceMap": false, "extractCss": true, "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true } } }, "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "my-app:build" }, "configurations": { "production": { "browserTarget": "my-app:build:production" } } }, "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { "browserTarget": "my-app:build" } }, "test": { "builder": "@angular-devkit/build-angular:karma", "options": { "main": "src/test.ts", "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.spec.json", "karmaConfig": "src/karma.conf.js", "styles": [ "src/styles.css" ], "scripts": [], "assets": [ "src/favicon.ico", "src/assets" ] } } } } }, "defaultProject": "my-app" } ``` 在这个示例,我们可以看到该文件定义了一个名为“my-app”的项目,其包含了“build”、“serve”、“extract-i18n”和“test”四个构建目标。每个构建目标都有自己的构建选项和配置信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

suoh's Blog

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值