关于 打包后出现的问题(import与require导入json文件打包加载,再在服务器上修改json内容,页面并没加载)
加载静态JSON文件打包后更换JSON内容不起作用
·
1.require(’../assets/config/xxx.config.json’);
这样对于在开发时,是能做到变更实时得到修改后的数据的,
但是 :打包后发布的。
你再去修改json内容时,这样他页面不会再去获取更新的。(这是个问题)
2.import去导入文件时也是一样的结果。
angualr 中的话,这种方法是会出现问题的需要改一下配置才能导入json文件
import detail form “…/assets/config/xxx.config.json” (会报错说–resolveJsonModule’ to import module with ‘.json’ extension.)
- 再typing.d.ts 中添加
declare module '*.json' { const value: any; export default value; } - 在tsconfig.json 中添加
"resolveJsonModule": true, "esModuleInterop": true
这样就可以实现使用import 导入json配置文件了
// 以上实现了可以访问json文件了,但还没解决其问题
这个问题就是没去获取变更后的加载。
对我使用的angualr 这块实现,
- 引入import {HttpClient} from ‘@angular/common/http’;
- 加载请求对应的文件就可以

基本完成,vue 那些也是使用axios来获取内容
export const $getJson = function (method) {
// 要引入哦 import axios from 'axios'
return new Promise((resolve, reject) => {
axios({
method: 'get',
url: method,
dataType: 'json',
crossDomain: true,
cache: false
}).then(res => {
resolve(res)
}).catch(error => {
reject(error)
})
})
}
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐
所有评论(0)