vue.js的路由地址会以#号分隔，有啥办法可以去掉这个#号吗

Posted 2023-05-18

你需要开启html5 History 模式
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。
如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。
const router = new VueRouter(
mode: 'history',
routes: [...]
)

这种配置需要配合后端服务器的配置，如果你对服务器是nginx
location /
try_files $uri $uri/ /index.html;
参考技术A

你需要开启HTML5 History 模式。

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

1、在用vue.js做微信公众号支付的时候，授权目录整个链接中都不能出现#号，这个是微信支付官方不支持的。相同的请求ios系统不会有任何问题，正常调起微信支付。而android则不行，得到的回复就是前面的描述。

2、首先我会考虑前端有没有什么方法可以去掉，或者改变路由地址以#号分隔这个问题。

3、如果前端不行，我看了HTML5 History Mode是否能够解决这个问题。

angularjs中使用路由，当跳转到某个view的时候我想执行在子页面中写好的js方法，有啥办法实现？

参考技术A 1，angularjs有自带的返回上一页的路由，在路由里面用.state('tab.chats',//路由名字url:'/chats',//路由地址views:'tab-chats':templateUrl:'templates/tab-chats.html',//跳转的页面controller:'ChatsCtrl'//控制器)2.比如点击物业的时候进入下一个页面，箭头是自带的,当然箭头样式需要自己调整。3.该方法是运用的ionic框架实现的，基于angularjs的方式。 参考技术B 把方法写在页面对应的controller里，并调用方法。angularjs中使用路由，当跳转到某个view的时候我想执行在子页面中写好的js方法，有什么办法实现？本回答被提问者采纳