vue-cli 打包history模式的后端配置实例

今天，长沙网络推广带您了解一篇关于vue-cli如何在使用history模式时进行后端配置的实例。这篇文章将为您提供宝贵的参考信息，希望对您有所帮助。让我们跟随长沙网络推广的步伐，一起来看看吧。

我们先从Apache的配置开始。以下是针对Windows环境下的配置步骤。

Apache的配置

在httpd-vhosts.conf文件中，您需要指向项目中的index.html文件所在的位置。以下是配置样例：

Virtual Hosts配置如下：

```apache

Virtual Host Configuration for Vue-cli History Mode

ServerName localhost

DocumentRoot D:/wamp64/www/huanzuan/dist 请将此路径替换为您的实际项目路径

请将此路径替换为您的实际项目路径

Options Indexes FollowSymLinks

AllowOverride All

Order allow,deny

Allow from all

```

```apache

RewriteEngine On