Vue-cli prod 部署到server上，Vue-router HTML5 History 模式下Apache报500错误

将vue项目部署到线上后（后端server是Apache），http code 500

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.

解决方法：

在对外目录下增加一个.htaccess文件，

vi /var/www/html/public/.htaccess

内容如下：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

如果是采用nginx，使用try_files：

location / {
  try_files $uri $uri/ /index.html;
}

参考官方手册：

赏

谢谢你请我吃糖果

支付宝

微信