码迷,mamicode.com
首页 > Web开发 > 详细

history 路由且带二级目录的Apache配置

时间:2018-11-15 17:08:25      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:dex   index   开心   项目目录   config   apach   文件   帮助   apache 配置   

有多个项目目录的时候
由于项目不知一个,所以不得不为每一个项目建一个专有的文件夹,这就导致了在配置nginx的时候会出现二级目录
 
- step1: 修改 vue.config.js
 
添加配置 baseUrl: ‘/dist/‘,
 
- step2: 修改 router/index.js    ------因为多了一层目录因此要在base里添加上
const router = new VueRouter({
  mode: ‘history‘,
  base: ‘/dist/‘,
  routes
})

 

 
- step3: 修改apache 配置
 
添加:  ----解决了history的路径问题
<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /dist/index.html [L]
</IfModule>

 

- step4: apache 反向代理配置
 
 

如果本文对您有帮助,请抬抬您的小手,点下右下角的推荐, ^-^,

当然如果看了这篇博客对您有帮助是我最开心的事,毕竟赠人玫瑰,手有余香, ^-^,

如果这篇博客没有帮助到您,那就只能说一声抱歉啦

 

 
 

history 路由且带二级目录的Apache配置

标签:dex   index   开心   项目目录   config   apach   文件   帮助   apache 配置   

原文地址:https://www.cnblogs.com/katydids/p/9964289.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!