1. 程式人生 > >vue-cli 打包 使用 history模式 的後端配置

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

apach href direct pub htaccess over 指向 -c 路徑

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: '/',

是絕對路徑就可以了

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

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