如何通过Vue实现元素移除操作？

本文共计1261个文字，预计阅读时间需要6分钟。

1. Vue项目，浏览器中查看的路由路径都带有特殊字符

1、vue项目，在浏览器中看到的路由都是带有#的，如果想去掉#，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。只需要在路由表中，加入一行代码即可：使用mode: 'history'属性，在路由代码中添加mode：'history'即可

2、build以后部署到服务器，会出现刷新页面报404错误，查看了一些资料和官方vue history模式的配置方法进行尝试，我原以为就这样配置一下就可以了，结果……

我的网站是阿里云虚拟机+nginx+tomcat进行建站，在nginx的配置文件中，起初为去掉#时配置如下（网站正常运行）：

初始配置1

这种情况下，我将vue的路由改为history模式，地址中的#去掉了，但是也会出现上面所说的，刷新页面时报404错误，前端路由交给了后端去处理造成mapping匹配不上导致。