Vue项目中通过配置文件修改title，打包生效

在项目中，有时会用到多个共同title，为了统一管理，并且为了方便打包上线之后方便修改，就用到了配置文件的方式来解决问题。

现在public下新建一个配置文件（json文件）。内容自定义，比如：

{
  "name": "ikun!!!"
}

然后再main.ts中利用axios的方式，来拿到该配置文件的内容

async function loadConfig() {
  const response = await axios.get("/web-config.json");
  return response.data;
}

然后拿到该文件之后，利用依赖注入，将返回的结果注入进去。

loadConfig().then((config) => { 
 app.provide("globalConfig", config as GlobalConfig);
})

然后在需要的界面，使用inject将注入的内容拿到

const appConfig = inject("globalConfig") as GlobalConfig;

然后按照自己所编写的内容格式进行渲染即可，进行按序渲染。