How do `BaseUrl` and `MobileUrl` in the AnQiCMS global feature settings affect navigation links?

Security CMS Global Function Settings inBaseUrlandMobileUrlHow It Affects Navigation Links?——The Foundation of Website Operation and Mobile Strategy

As an experienced website operations expert, we fully understand the basic configuration of a website, especially the settings related to URLs, which have a significant impact on the healthy operation of the website, user experience, and even search engine optimization (SEO). In a system as feature-rich as AnQiCMS, the global functional settings in theBaseUrlandMobileUrlIt is the core of building a website address system, not only defining the entry point of the website, but also profoundly affecting the generation of all in-site navigation links.

Today, let's delve into these seemingly simple yet crucial settings, which subtly influence the navigation structure of your website.

UnderstandingBaseUrl: The website's 'Digital Door Number'

First, let's talk aboutBaseUrl. In the global function settings of Anqi CMS,网站地址（BaseUrl）Is your website's main 'address'. It refers to the primary domain name or IP address used by users to access your website. For example, if your main domain name ishttps://www.yourcompany.comThen this address should be filled in accuratelyBaseUrlin the field.

BaseUrlHow does it affect the navigation link?

This setting is the basis for all internal links on your website. When AnQi CMS generates the internal navigation menu, article list page links, category page links, single page links, and even references to static resources such as images, CSS, and JavaScript, it will use thisBaseUrlPrefix concatenation means:

• Uniformity and integrity:No matter what you use in the template:navListWhether it is a tag to generate a navigation menu orarchiveListandcategoryListTags to display articles and categories, these tags generatedLinkfor example{{item.Link}}) will include completeBaseUrlEnsure that each internal link is an accessible absolute URL.
• Resource loading:The various static files that the website relies on, such as style sheets, script files, and images, their loading paths will also be based on thisBaseUrlIt is the foundation. IfBaseUrlIncorrect settings, when users visit the website, they may encounter issues such as style chaos, malfunctioning features, or images not displaying, because the browser cannot find the correct resource location.
• User Experience:CorrectBaseUrlEnsured that every click within the website could smoothly jump to the target page, avoiding dead ends or unexpected jumps caused by link errors, thereby providing a seamless browsing experience.
• Search Engine Optimization (SEO):For search engine spiders, unified and correctBaseUrlIt is a prerequisite for efficiently crawling and indexing web content. Inconsistent URLs can lead to duplicate content issues, wasted crawling budget, and even affect the website's ranking in search results.

Therefore, fill in accuratelyBaseUrlIs the primary condition for the website to run smoothly and provide a good experience for users and search engines.

ExploreMobileUrl: Exclusive channel for mobile端

Let's take a look atMobileUrl. This setting is designed for those who want to provide an independent access experience on mobile devices from the PC site.AnQi CMS supports multiple template adaptation modes, among which the "PC+mobile independent site" mode or the "code adaptation" mode may be neededMobileUrlIt allows you to specify a separate domain for the mobile website, such ashttps://m.yourcompany.com.

MobileUrlHow does it affect the navigation link?

When you have enabled the "PC+mobile independent site" mode and filled inMobileUrlAfter that, the system will intelligently judge the type of device being accessed.

• Intelligent redirection and mobile navigation:When mobile device users try to access yourBaseUrlWhen the main site domain is accessed, Anqi CMS will automatically redirect it according to the configuration.MobileUrlOnce the user enters the mobile site, all internal navigation links will be based on.MobileUrlGenerate. This means that whether you click on the homepage navigation, article categories, or product details on the phone, the target link will behttps://m.yourcompany.com/As a prefix, ensure that users always stay on the mobile site and access content optimized for mobile devices.
• Template adaptation and resource isolation: MobileUrlThe settings and mobile template (usually stored inmobile/The directory closely cooperates. It ensures that the links accessed by mobile devices load templates and resources specifically designed for mobile, providing a lighter and more user-friendly interface and features suitable for mobile operations.
• Avoid mixing content and inconsistencies:If not properly configuredMobileUrlor still referenced in the mobile siteBaseUrlThe link may cause a mixed content warning on mobile pages (HTTPS website loading HTTP resources) or forced redirection back to the PC site, severely damaging the mobile user experience.

In short,MobileUrlA navigation system tailored for mobile users, it ensures the independence, fluidity, and professionalism of mobile access.

How do they collectively affect the generation of navigation links?

The Anqi CMS will intelligently select to useBaseUrlorMobileUrlto build the link based on the current website visit environment (PC or mobile) and your configuration in the background.

Navigation list labelsnavListFor example, when you use it in a template{% navList navs %}to output the navigation menu,navsEach in the arrayitem.LinkThis will be a completely concatenated URL. The prefix (domain part) of this URL is determined by the system based on the current visiting device and your configurationBaseUrlorMobileUrl.

{# 示例：一个简单的导航菜单，item.Link会自动包含BaseUrl或MobileUrl #}
<ul>
    {%- navList navs %}
        {%- for item in navs %}
            <li class="{% if item.IsCurrent %}active{% endif %}">
                <a href="{{ item.Link }}">{{item.Title}}</a>
                {# 如果有下级导航，也会同样基于BaseUrl或MobileUrl生成链接 #}
                {%- if item.NavList %}
                    <dl>
                        {%- for inner in item.NavList %}
                            <dd class="{% if inner.IsCurrent %}active{% endif %}">
                                <a href="{{ inner.Link }}">{{inner.Title}}</a>
                            </dd>
                        {% endfor %}
                    </dl>
                {% endif %}
            </li>
        {% endfor %}
    {% endnavList %}
</ul>

This means that as a website operator, when designing and publishing content, you do not need to pay too much attention to the specific prefix of the links, just make sureBaseUrlandMobileUrlProperly configured in the global settings, the AnQi CMS will automatically handle most of the path issues with links. This greatly reduces the complexity of operations and improves work efficiency.

**Practice and Precautions

1. Accuracy is the lifeline: BaseUrlandMobileUrlMust be a completely correct, accessible domain name (or IP).Any spelling error, protocol mismatch (HTTP/HTTPS), or missing port number may result in the website not being accessible or malfunctioning.
2. DNS resolution first:In fillingBaseUrlorMobileUrlBefore, make sure that your domain has been correctly resolved to the server IP. Otherwise, even if the CMS internal configuration is correct, users will not be able to access through the domain.
3. Template mode withMobileUrlCollaboration:
   • Adaptive template:If your website uses responsive design (adaptive template), PC and mobile end use the same template and domain name, then it is usually not necessary to fill inMobileUrlonly configureBaseUrlJust do it.