Vue如何实现hash模式网址(就是那种带#的网址、井号url)

简介: Vue如何实现hash模式网址(就是那种带#的网址、井号url)

src\js\main.js

...
const router = new VueRouter({
...
     mode: 'hash', //hash模式网址,带#井号
  // mode: 'history', // 这里存在一个弊端,如果要去掉路由的#号,需要后端配合配置,否则刷新页面就会报错404,反正如果不是非得要做支付建议不用这个参数配置,参考文档:https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90
...
});
...

hash模式下网址形如

http://127.0.0.1/#/home

http://localhost/#/home

扩展阅读→Angular如何实现hash模式网址

image.png


相关文章
|
20天前
|
JavaScript
vue截取URL中的参数
vue截取URL中的参数
13 0
|
20天前
|
JavaScript
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集
|
1月前
|
JavaScript Windows
VUE部署到IIS中报404错误解决方案-配置URL重写
VUE部署到IIS中报404错误解决方案-配置URL重写
|
3月前
|
前端开发 JavaScript 数据可视化
|
3月前
|
JavaScript
vue项目中统一管理多个后端URL的方法
vue项目中统一管理多个后端URL的方法
43 0
|
3月前
|
JavaScript 前端开发
Vue订阅发布模式
Vue.js是一个流行的JavaScript框架,它提供了一种名为"观察者模式"的订阅发布模式(也称为发布-订阅模式或事件模型)来管理组件之间的通信。
20 0
|
3月前
|
JavaScript 前端开发 搜索推荐
Vue的路由实现:hash模式 和 history模式原理
Vue的路由实现:hash模式 和 history模式原理
43 0
|
3月前
|
iOS开发
iOS App Store 上传项目报错 缺少隐私政策网址 (URL) 解决方法
iOS App Store 上传项目报错 缺少隐私政策网址 (URL) 解决方法
iOS App Store 上传项目报错 缺少隐私政策网址 (URL) 解决方法
|
3月前
|
JavaScript 应用服务中间件 网络安全
nginx 配置 解决 vue history模式下空白 ,以及SSL证书安装
nginx 配置 解决 vue history模式下空白 ,以及SSL证书安装
|
3月前
|
JavaScript 小程序
vue获取URL参数 ,正则 JS-获取URL指定参数的 3 种方法
vue获取URL参数 ,正则 JS-获取URL指定参数的 3 种方法