如何在Laravel中修改基础URL？能否从控制器进行修改？

我来分享一个可行的实现方案，刚好能满足你这个双浏览模式的需求👇

核心逻辑 #

用户首次访问网站时，先判断是否已经选择过浏览模式（用本地存储记录状态）：

• 没选过：弹出选择界面让用户选普通/订阅模式
• 已选过普通模式：直接重定向到/normal，并且后续所有链接都基于这个路径生成

1. 首次访问的模式选择页面（根路径/） #

先做一个简单的选择页面，代码示例：

<!DOCTYPE html>
<html>
<head>
    <title>选择浏览模式</title>
    <style>
        /* 简单美化一下界面 */
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 100px;
            font-family: Arial, sans-serif;
        }
        button {
            padding: 10px 20px;
            margin: 10px;
            font-size: 16px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h2>欢迎访问！请选择您的浏览模式</h2>
    <button id="normalBtn">普通浏览</button>
    <button id="subBtn">订阅浏览</button>

    <script>
        // 先检查是否有已保存的模式
        const savedMode = localStorage.getItem('browseMode');
        if (savedMode) {
            // 有记录就直接跳对应路径
            const targetPath = savedMode === 'normal' ? '/normal' : '/subscribed';
            window.location.href = targetPath;
        }

        // 绑定按钮点击事件
        document.getElementById('normalBtn').addEventListener('click', () => {
            localStorage.setItem('browseMode', 'normal');
            window.location.href = '/normal';
        });

        document.getElementById('subBtn').addEventListener('click', () => {
            localStorage.setItem('browseMode', 'subscribed');
            window.location.href = '/subscribed';
        });
    </script>
</body>
</html>

2. 让普通模式下的所有链接基于/normal路径 #

这里有两种简单可靠的方式：

方式一：使用相对路径

在/normal下的所有页面里，内部链接都用相对路径编写：

• 比如链接到普通模式的文章列表：<a href="./articles">文章列表</a>
• 链接到普通模式的个人中心：<a href="./profile">个人中心</a>
  这样不管当前页面是/normal还是/normal/articles，点击链接都会自动基于/normal路径跳转。

方式二：设置<base>标签

在/normal下的所有页面的<head>中添加这个标签：

<base href="/normal/">

之后页面里的所有相对链接都会自动以/normal/为基础路径，比如<a href="articles">会被解析成/normal/articles，用起来更省心。

3. 可选：后端拦截直接访问（防止跳过选择界面） #

如果想避免用户直接手动输入/normal跳过选择界面，可以在后端加一层校验（以Node.js/Express为例）：

const express = require('express');
const cookieParser = require('cookie-parser');
const app = express();
app.use(cookieParser());

app.get('/normal', (req, res) => {
    // 用cookie记录模式（比localStorage更可靠，避免用户手动修改）
    const browseMode = req.cookies.browseMode;
    if (!browseMode || browseMode !== 'normal') {
        // 没选过模式就重定向到选择页面
        res.redirect('/');
    } else {
        // 返回普通模式的首页
        res.sendFile('normal-home.html', { root: './public' });
    }
});

// 记得在选择页面设置cookie
// 比如点击普通按钮时，除了localStorage，再加一句：
// document.cookie = "browseMode=normal; path=/; max-age=31536000";

小提示 #

• 如果用户清除了浏览器的本地存储或cookie，下次访问会重新显示选择界面，这是合理的行为
• 订阅模式的逻辑可以完全参考普通模式，只需要替换对应的路径即可

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