欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-08-26 09:54:58
apache的配置 这是windows下的 在httpd-vhosts.conf文件中把目录指向项目index.html文件所在的位置 # virtual h...

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