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

今日长沙网络推广带来一篇关于vue-cli在打包时如何使用history模式的后端配置实例，这篇文章非常有参考价值，相信对大家有所帮助。接下来请跟随长沙网络推广的脚步，一同这个配置实例。

我们来看看如何在Apache服务器上进行配置。这是针对Windows环境下的配置方法。你需要在httpd-vhosts.conf文件中将目录指向项目index.html文件所在的位置。具体的配置如下：

在Virtual Hosts部分：

```apache

ServerName localhost

DocumentRoot D:/wamp64/huanzuan/dist

Options Indexes FollowSymLinks

AllowOverride All

Order allow,deny

Allow from all

```

接着，在index.html文件的同级路径下创建一个名为“.htaess”的文件，并写入以下内容：

```apache

RewriteEngine On

RewriteBase /

RewriteRule ^index\.html$ - [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /index.html [L]

```

这些内容是直接从官方文档复制的，无需修改。确保config/index.js中的build下的assetsPublicPath设置为绝对路径'/'。这样配置后，当你的Vue应用使用vue-router的history模式打包时，后端就能正确地提供前端所需的资源。完成以上步骤后，你的Vue应用就能在服务器上正常地运行并显示历史模式路由了。这些配置能让用户在访问应用时享受到更友好的URL体验。希望这个实例能帮助大家更好地理解vue-cli在打包时如何使用history模式进行后端配置。感谢大家对于狼蚁SEO的支持，也希望大家能继续支持长沙网络推广的分享。