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

Posted 2020-08-18

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue-cli 打包使用 history模式的后端配置相关的知识，希望对你有一定的参考价值。

apache的配置

这是windows下的

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

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

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

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

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

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

assetsPublicPath: '/',

是绝对路径就可以了

原文地址：https://segmentfault.com/a/1190000012750025

以上是关于vue-cli 打包使用 history模式的后端配置的主要内容，如果未能解决你的问题，请参考以下文章

关于vue history模式下遇到的坑

VueRouter 使用 mode: ‘history‘ 嵌套路由打包路径错误的问题

vue hash和history打包

VueRouter 使用 mode: ‘history‘ 嵌套路由打包路径错误的问题

Vue路由History模式打包后页面空白,刷新404

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

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