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

这篇文章主要为大家详细介绍了vue-cli 打包使用history模式的后端配置实例，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

 

apache的配置

 

 

这是windows下的

 

在httpd-vhosts.conf文件中把目录指向项目index.html文件所在的位置

代码如下：

# Virtual Hosts
#
<VirtualHost *:80>
ServerName localhost
DocumentRoot D:/wamp64/www/huanzuan/dist
<Directory "D:/wamp64/www/huanzuan/dist">
Options Indexes FollowSymLinks
   AllowOverride All 
   Order allow,deny
   Allow from all
</Directory>
</VirtualHost>

 

然后再 index.html文件的同级路径下 创建.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>

内容就是官方文档给的 一点都不用改

然后确保 config/index.js中的build下的

代码如下：

assetsPublicPath: '/',是绝对路径就可以了

以上这篇vue-cli 打包使用history模式的后端配置实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/6190-0.html

注：关于vue-cli 打包使用history模式的后端配置实例的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js