如何配置网站URL使其末尾带有斜杠（/）

嘿，我来帮你搞定这两个URL相关的问题！

URL格式设置本质是URL规范化，核心是让URL简洁、一致，还能讨好搜索引擎。不同技术栈的实现思路差不多，给你几个常见场景的实操方案：

• 静态站点（比如Jekyll、Hugo）：
  直接改配置文件就行。比如用Hugo的话，在config.toml里加一段：

  [permalinks]
    posts = "/posts/:year/:month/:slug/"
  

  这样生成的文章URL不仅格式规整（带日期和自定义slug），还会自动带上末尾的斜杠。

• 动态CMS（比如WordPress）：
  后台找「设置」→「固定链接」，选自定义结构，比如填/%category%/%postname%/，保存后所有页面、文章的URL都会统一格式，并且强制带斜杠。

• 通用小原则：

  1. 全用小写字母：别让/Page1和/page1被搜索引擎当成两个不同页面
  2. 用短横线-分隔单词，别用下划线或者空格
  3. 能省的查询参数就省：比如?utm_source=xxx这类追踪参数，用其他方式处理比挂在URL上好看多了

要把https://website.com/page1自动跳转到https://website.com/page1/，推荐用服务器配置（效率最高），也可以在应用框架里处理，给你两种方案：

1. Nginx服务器配置 #

找到你的站点配置文件（一般在/etc/nginx/sites-available/your-site.conf），加一段rewrite规则：

server {
    listen 80;
    server_name website.com;

    # 给末尾没斜杠的URL自动加斜杠（排除带后缀的静态资源）
    rewrite ^([^.]*[^/])$ $1/ permanent;

    # 你的其他配置（比如反向代理、静态文件路径）...
}

这个规则会跳过.css、.js这类静态文件，只给页面URL加斜杠，而且是301永久重定向，搜索引擎会自动更新索引。

2. Apache服务器配置 #

编辑站点根目录的.htaccess文件，添加：

RewriteEngine On
RewriteRule ^(.*[^/])$ /$1/ [L,R=301]

同样是301重定向，效果和Nginx的一样，适合用Apache的站点。

3. 应用框架层面（比如Node.js Express） #

如果不想碰服务器配置，也可以在代码里处理。比如Express框架加个中间件：

app.use((req, res, next) => {
    // 排除静态资源（带后缀的文件），给页面URL加斜杠
    if (!req.path.endsWith('/') && !req.path.includes('.')) {
        res.redirect(301, req.path + '/');
    } else {
        next();
    }
});

这个中间件会在请求进来时自动检查，不符合要求的就重定向到带斜杠的版本。

重要提醒 #

• 一定要用301永久重定向，别用302临时重定向，不然搜索引擎会以为是临时变化，不利于SEO。
• 测试的时候记得检查静态资源（图片、CSS），别让这些文件也被加上斜杠，不然会加载失败。

内容的提问来源于stack exchange，提问作者Vina Liu