vue2路由移除#号（Apache）

刚回上海，事情挺多的，忙到现在，折腾了一下vue2

vue2移除路由#号基本根据文档来就行了，在路由中设置：

mode: 'history',

在开发阶段#就移除了，然后是生产阶段，官方文档也有详细的描述：点击打开链接

根据官方的我在Apache去设置发现还是有问题，以前有折腾过angular1的#：点击打开链接

首先在Apache文件夹中找到 httpd.conf 文件

开启rewrite_module模块（将前面的#号去掉）

根据官网的方法去设置：最后发现我的页面还是无法访问，于是我采用其他方法

<IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteRule ^index\.html$ - [L]RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.html [L]
</IfModule>

我的理解是，因为spa路由是#号区分的，从首页加载资源都会有明确的地址，但是从spa页面其他页面进来，就会出现资源不存在，原因是#号移除了，浏览器会根据当前网址去后端服务器查找页面，去年解决angular，我们是直接返回index.html，然后让前端路由再去匹配一次。

于是我设置了apache的404页面指向当前资源的index.html页面，最终效果是相同的

修改Directory的AllowOverride为all，注意配置文件中有很多Directory，不要该错了，否则不会生效的，Directory一定是你apache服务的根目录。下图可做参考

最后在httpd.conf文件中添加：

ErrorDocument 404 /index.html

重新开启服务即可

vue2路由移除#号（Apache）相关推荐

angular路由移除#号(跟nginx)
刚进公司,公司使用的angular.js(1.3.0),主管跟我说要我移除angular项目访问路径URL里的#号移除(针对百度seo问题后来发现angular天生不适合做seo). angularj ...
vue2.0移除或更改的一些东西
一.vue2.0移除了$index和$key 虽然说现在很多文章说他们的代码是vue2.0版本的,但是有一些仔细一看,发现并不全是2.0版本,有些语法还是1.0的版本,比如这个$index,$key, ...
Vue2学习小记-给Vue2路由导航钩子和axios拦截器做个封装
1.写在前面最近在学习Vue2,遇到有些页面请求数据需要用户登录权限.服务器响应不符预期的问题,但是总不能每个页面都做单独处理吧,于是想到axios提供了拦截器这个好东西,再于是就出现了本文. 2. ...
Vue2学习小记-给Vue2路由导航钩子和axios拦截器做个封装 1
1.写在前面最近在学习Vue2,遇到有些页面请求数据需要用户登录权限.服务器响应不符预期的问题,但是总不能每个页面都做单独处理吧,于是想到axios提供了拦截器这个好东西,再于是就出现了本文. 2. ...
id vue2路由传参_Vue2.0中 $route 和 $router 的区别
在做Vue项目时,在路由设置和跳转时有没有遇到过 $route 和 $router?乍一看,两个看起来几乎一模一样,有点傻傻分不清楚,他们到底有什么区别?在什么情况下用呢? 我们把这2个在控制台打印出 ...
id vue2路由传参_vue 路由跳转传参
正常跳转 this.$router.push('/index'); 1带参 toOrderDetail() { let orderUuid = this.order.uuid; this.$route ...
vue2路由手动创建二级路由路由传参路由守卫打包上线
路由手动配置: #在@vue/cli创建的项目中,路由用法如下. 1.安装路由npm install vue-router@32:定义路由所需的组件(.vue文件)要实现页面about 和home两个 ...
qiankun中使用不同版本的vue-router导致冲突(主应用vue3子应用vue2路由跳转出错)
现象描述操作步骤 1.点击子应用对应的路由(app-sub-vue2) 2.点击子应用的其他路由(About) 3.点击主应用其他路由(Home) 主应用信息 vue@^3.0.0.vue-rout ...
vue2+vant 开发公众号
###准备工作:需要你们公司,进行公众号的申请(有的公众号是需要300块钱的看你们们自己的需求),申请下来后,让管理员给设置开发者权限,然后再设置运维者权限,在微信公众号平台(https://mp.w ...

vue2路由移除#号（Apache）

vue2路由移除#号（Apache）相关推荐

最新文章

热门文章