vue react 获取json文件终极解决方案 可配置 可批改

环境配置

打包实现后会有须要配置的申请接口地址、动静参数、总不能每次都批改明码。

解决方案

import

- 间接应用`import`引入动态文件- 长处:方便快捷- 毛病:打包时当初这些文件会被打包进代码里,批改json等动态文件不能批改

Storage

- 这个办法在html文件中定义一个localStorage或sessionStorage,给其余js文件获取保留的内容。- 长处:办法应用比较简单数据,能够实现生成可批改配置文件的需要。- 毛病:不够优雅

axios(终极解决办法)

- 应用申请接口的形式申请目录下的文件,可获取到最新的动态文件。- 留神:开发环境能够失常申请,然而打包进去获取不到文件,跨域谬误。这是因为本地获取浏览器的报错。能够把文件放在服务器里或在vscode里应用`Live Server`插件运行页面模仿服务器环境。