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

apache的配置

这是windows下的

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

# Virtual Hosts
#

ServerName localhost
documentRoot D:/wamp64/www/huanzuan/dist

Options Indexes FollowSymlinks
   AllowOverride All 
   Order allow,deny
   Allow from all

然后再 index.html文件的同级路径下 创建.htaccess文件

 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-cli 打包使用history模式的后端配置实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。