服务器部署之后页面刷新问题

Question

你好老师，我在服务器上部署了项目，登录之后可以正常点击页面按钮使用各个功能，但是我点击浏览器刷新按钮的时候，直接就404了，不知道怎么回事。
我是用的Apache来路由url的。下面是我的项目路由配置。

<VirtualHost *:80>
    ServerAdmin [e-mail]
    DocumentRoot "/www/wwwroot/ec/erpcrm-ui"
    ServerName 038ddf57.erp.jwdznkj.com
    ServerAlias erp.jwdznkj.com
    #errorDocument 404 /404.html
    ErrorLog "/www/wwwlogs/erp.jwdznkj.com-error_log"
    CustomLog "/www/wwwlogs/erp.jwdznkj.com-access_log" combined
	#DENY FILES
     <Files ~ (\.user.ini|\.htaccess|\.git|\.env|\.svn|\.project|LICENSE|README.md)$>
       Order allow,deny
       Deny from all
    </Files>
    
    <Location /prod-api/>
      ProxyPass "http://127.0.0.1:8080/"
      ProxyPassReverse "http://127.0.0.1:8080/"
    </Location>
    
    #PHP
    <FilesMatch \.php$>
            SetHandler "proxy:unix:/tmp/php-cgi-74.sock|fcgi://localhost"
    </FilesMatch>
    
    #PATH
    <Directory "/www/wwwroot/ec/erpcrm-ui">
        SetOutputFilter DEFLATE
        Options FollowSymLinks
        AllowOverride All
        Require all granted
        DirectoryIndex index.php index.html index.htm default.php default.html default.htm
    </Directory>
</VirtualHost>

老师，应该怎么解决这个刷新的问题。我用的是宝塔的云服务器面板

Answer 1

Yerik老师 2024-11-27 11:17:10

根据你的描述，初步分析你遇到的问题通常是由于前端路由与后端服务器配置不匹配导致的。当你通过点击链接在应用内部导航时，前端路由（如React Router、Vue Router等）能够正确处理这些请求，因为它们是在客户端解析的。但是，当你刷新页面或直接在地址栏输入URL时，请求会直接发送到服务器，如果服务器没有正确配置以处理这些路由，就会返回404错误。 建议你使用课程中12章讲解的nginx来部署前端，部署的软件包可以在源码里面的找到下载地址，然后按照课程中的部署步骤一步步严格操作。