js设置网页标题、关键字、描述

import.meta.env.VITE...Vue.js 3.x 获取环境变量

    let docTitle = import.meta.env.VITE_TITLE;
    let docDesc = import.meta.env.VITE_DESCRIPT;
    let docKeywords = import.meta.env.VITE_KEYWORDS;
    //设置页面标题
    document.title = docTitle;
    //设置页面描述
    var meta = document.querySelector('meta[name="description"]');
    if (meta) {
        meta.setAttribute('content', docDesc);
    } else {
        meta = document.createElement('meta');
        meta.setAttribute('name', 'description');
        meta.setAttribute('content', docDesc);
        document.head.appendChild(meta);
    }
    //设置页面关键字
    var meta = document.querySelector('meta[name="keywords"]');
    if (meta) {
        meta.setAttribute('content', docKeywords);
    } else {
        meta = document.createElement('meta');
        meta.setAttribute('name', 'keywords');
        meta.setAttribute('content', docKeywords);
        document.head.appendChild(meta);
    }