我试图在指向www.example.com/sitemap.xml时呈现一个 XML 文件。由于项目是使用 Next.js 开发的，因此路由使用存储在 pages 目录中的 js 文件：
- example.com/help -> help.js
- example.com/info -> info.js
那么，有没有办法通过避免访问后端来实现这一目标？
Next.js | 有什么方法可以渲染 .xml 文件吗？
IT技术
reactjs
next.js
vercel
2021-05-19 14:02:17
2个回答
JS版本
/pages/sitemap.xml.jsx
import React from 'react'
class Sitemap extends React.Component {
static async getInitialProps({ res }) {
res.setHeader('Content-Type', 'text/xml')
res.write(`<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
...
</urlset>`)
res.end()
}
}
export default Sitemap
TS版
/pages/sitemap.xml.tsx
import { GetServerSideProps } from 'next'
import React from 'react'
const Sitemap: React.FC = () => null
export const getServerSideProps: GetServerSideProps = async ({ res }) => {
if (res) {
res.setHeader('Content-Type', 'text/xml')
res.write(`<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
</urlset>`)
res.end()
}
return {
props: {},
}
}
export default Sitemap
:D
在public目录下添加一个名为sitemap.xml的静态文件
public/sitemap.xml
构建后，您可以访问www.yourdomain.com/sitemap.xml
阅读有关静态文件的更多信息：https : //nextjs.org/docs/basic-features/static-file-serving