]*>[\s\S]*?<\/div>/g, '')
.replace(/
]*>[\s\S]*?<\/div>/g, '')
return context
}
function validateRoute(context) {
const errors = []
const html = context.html
const h1Count = (html.match(/)/g) || []).length
if (h1Count !== 1) errors.push(`H1 数量为 ${h1Count}，应为 1`)
if (!/)/.test(html)) errors.push('缺少 main 语义标签')
if (!/rel="canonical"/.test(html)) errors.push('缺少 canonical')
if (!html.includes('application/ld+json')) errors.push('缺少 JSON-LD')
const localBusinessCount = (html.match(/local-business-jsonld-/g) || []).length
if (localBusinessCount < 3) errors.push(`LocalBusiness 数量为 ${localBusinessCount}，当前应至少为 3`)
for (const marker of ROUTE_REQUIREMENTS[context.originalRoute] || []) {
if (!html.includes(marker)) errors.push(`缺少完整内容标记 ${marker}`)
}
if (errors.length) {
throw new Error(`[prerender] ${context.originalRoute} 完整性校验失败: ${errors.join('；')}`)
}
return context
}
function writeRouteHtml(route) {
const outputPath = path.join(staticDir, route.route, 'index.html')
fs.mkdirSync(path.dirname(outputPath), { recursive: true })
fs.writeFileSync(outputPath, route.html.trim(), 'utf8')
console.log(`[prerender] ${route.route} -> ${outputPath}`)
}
async function main() {
if (!fs.existsSync(staticDir)) {
console.error('[prerender] dist 目录不存在，请先执行 vue-cli-service build')
process.exit(1)
}
const rendererOptions = {
renderAfterTime: 100,
headless: true,
maxConcurrentRoutes: 1,
timeout: 30000,
// CMS API is proxied through the local origin; external images are non-blocking for HTML output.
skipThirdPartyRequests: true,
inject: { enabled: true },
pageSetup(page, route) {
page.__apiFailures = []
page.on('response', (response) => {
const responseUrl = new URL(response.url())
const isLocalApi = responseUrl.hostname === '127.0.0.1' && responseUrl.pathname.startsWith('/prod-api/')
if (isLocalApi && response.status() >= 400) {
page.__apiFailures.push(`${response.status()} ${response.url()}`)
}
})
page.on('requestfailed', (request) => {
const requestUrl = new URL(request.url())
const isLocalApi = requestUrl.hostname === '127.0.0.1' && requestUrl.pathname.startsWith('/prod-api/')
if (isLocalApi) {
page.__apiFailures.push(`${request.failure()?.errorText || 'request failed'} ${request.url()}`)
}
})
},
async pageHandler(page, route) {
if (page.__apiFailures.length) {
throw new Error(`[prerender] ${route} API 请求失败: ${page.__apiFailures.join('；')}`)
}
await page.waitForSelector(ROUTE_READY_SELECTORS[route], { timeout: 30000 })
await page.waitForSelector('.jsonld-offices-ready', { timeout: 30000 })
if (page.__apiFailures.length) {
throw new Error(`[prerender] ${route} API 请求失败: ${page.__apiFailures.join('；')}`)
}
},
args: ['--no-sandbox', '--disable-setuid-sandbox'],
launchOptions: {
protocolTimeout: 120000
}
}
const chromePath = getChromePath()
if (chromePath) {
rendererOptions.launchOptions.executablePath = chromePath
console.log(`[prerender] 使用 Chrome: ${chromePath}`)
} else {
console.warn('[prerender] 未找到 Chrome，将尝试使用 Puppeteer 内置 Chromium')
}
const prerenderer = new Prerenderer({
staticDir,
server: {
host: '127.0.0.1',
proxy: {
'/prod-api': {
target: API_TARGET,
changeOrigin: true,
secure: false,
proxyTimeout: 30000,
timeout: 30000
}
}
},
renderer: new PuppeteerRenderer(rendererOptions)
})
try {
const articles = await fetchPublishedArticles()
const articleRoutes = articles.map(article => `/news/${article.slug}`)
articleRoutes.forEach(route => {
ROUTE_READY_SELECTORS[route] = '.article__content'
ROUTE_REQUIREMENTS[route] = ['article__content', 'article-jsonld']
})
await prerenderer.initialize()
const renderedRoutes = await prerenderer.renderRoutes([...PRERENDER_ROUTES, ...articleRoutes])
renderedRoutes
.map(postProcess)
.map(validateRoute)
.forEach(writeRouteHtml)
writeSitemap(articles)
console.log(`[prerender] 完成，共 ${renderedRoutes.length} 个路由`)
} catch (error) {
console.error('[prerender] 预渲染失败:', error)
process.exit(1)
} finally {
await prerenderer.destroy()
}
}
main()