Vue读取static文件url

Vue项目在不同的服务器上部署时需要针对该服务器配置请求后端的url路径。

在static文件夹下配置config.js文件

window.aaa= {
  baseUrl: 'https://www.baidu.com/',
};

在URL.ts中

static getBaseURL() {
    return window.aaa.baseUrl;
}

直接引用会出现问题，

TS2339: Property 'aaa' does not exist on type 'Window & typeof globalThis'.

三种方法解决，如果使用typescript而不是JavaScript，并且在eslint检查中很严格。eg：不允许使用any类型，直接使用最后一种方法。

第一种

(window as any).aaa

第二种

declare global {
    interface Window { aaa: any; }
}

window.aaa = window.aaa || {};

第三种

interface MyWindow extends Window {
    aaa(): void;
}

declare var window: MyWindow;

第四种

import UrlModel from '@/Model/Url/UrlModel';
interface MyWindow extends Window {
  aaa: UrlModel;
}

declare let window: MyWindow;

新建一个UrlModel文件，声明类型

export default class UrlModel {
  baseUrl: string | undefined
}