Yii2前后端跳转及.htaccess、urlManager配置问题求助

Hey there! Let's break this down step by step to get your .htaccess and urlManager set up correctly for your local DEV environment. I’ll assume you’re working with a typical frontend-backend separation setup (like a SPA frontend and PHP-based backend with urlManager, e.g., Yii framework)—adjust paths and rules to match your actual project structure!

This file will handle routing: serving static frontend files directly, and forwarding API/backend requests to your backend entry point. Create or update the .htaccess file in your project root with this code:

# Enable Apache rewrite engine
RewriteEngine On
RewriteBase /

# Serve existing files/directories directly (frontend static assets, etc.)
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]

# Forward all requests starting with /api to your backend's index.php
# Adjust the path to your backend's entry file if needed (e.g., /backend/public/index.php)
RewriteRule ^api/(.*)$ backend/index.php/$1 [L]

# All other requests route to the frontend's entry point (for SPA routing)
RewriteRule ^.*$ frontend/index.html [L]

What each part does: #

• RewriteEngine On: Enables URL rewriting functionality.
• The first condition checks if the request is for an existing file/directory (like CSS, JS, images) and serves it directly instead of rewriting.
• The api/(.*) rule forwards any request starting with /api to your backend’s index file, preserving the rest of the URL path.
• The final rule sends all other requests to your frontend’s index.html (critical for single-page apps that handle routing client-side).

If you’re using a framework like Yii, update your backend’s config file (e.g., backend/config/web.php) to enable clean URLs and define routing rules for your API endpoints:

'components' => [
    'urlManager' => [
        'enablePrettyUrl' => true,
        'showScriptName' => false, // Hides "index.php" from backend URLs
        'rules' => [
            // Define your API routes here
            'api/user/<id:\d+>' => 'user/view',
            'api/users' => 'user/index',
            'api/posts/create' => 'post/create',
            // Add more rules matching your backend endpoints
        ],
    ],
    // ... other backend components
],

Key notes: #

• enablePrettyUrl: Turns on clean, human-readable URLs instead of query string-based ones.
• showScriptName: Removes index.php from your backend URLs (works with the .htaccess rule above).
• The rules array maps incoming API paths to your backend controller-action pairs (e.g., /api/users routes to the user controller’s index action).

Before testing, make sure these Apache settings are enabled:

• Enable mod_rewrite: Open your Apache httpd.conf file, find the line LoadModule rewrite_module modules/mod_rewrite.so and remove the # comment if present.
• Allow .htaccess overrides: In your virtual host configuration (or httpd.conf), set AllowOverride All for your project directory:

  <Directory "/path/to/your/local/project">
      AllowOverride All
      Require all granted
  </Directory>
  

• Restart your Apache server to apply these changes.

• Visit http://localhost/—this should load your frontend application.
• Test a backend endpoint like http://localhost/api/users—this should return data from your backend’s user/index action.
• If you get 404 errors, double-check:
  • mod_rewrite is enabled.
  • AllowOverride All is set correctly.
  • The paths in .htaccess match your project’s frontend/backend folder structure.

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