如何在vue js中删除url中的hasbang

在Vue.js中删除URL中的哈希标记（hashbang），可以通过以下步骤实现：

1. 首先，需要在Vue Router中配置路由模式为"history"模式，以便去除URL中的哈希标记。在Vue项目的路由文件（通常是router/index.js）中，将路由模式设置为"history"，示例代码如下：

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

export default new Router({
  mode: 'history',
  routes: [
    // 路由配置
  ],
});

1. 在服务器端（如Nginx、Apache等）配置URL重写规则，以确保在刷新页面时能正确地加载Vue应用。具体配置方式根据使用的服务器软件而定。以Nginx为例，可以在Nginx的配置文件中添加以下配置：

location / {
  try_files $uri $uri/ /index.html;
}

这样配置后，当访问不存在的URL时，会重定向到index.html，从而保证Vue应用能正确加载。

1. 在Vue组件中，可以使用router-link组件来生成不带哈希标记的URL链接。示例代码如下：

<router-link to="/example">Example</router-link>

这样生成的链接将不包含哈希标记，而是直接使用路径形式。

通过以上步骤，就可以在Vue.js中删除URL中的哈希标记。这样做的好处是可以使URL更加友好和可读，并且能够更好地支持搜索引擎优化（SEO）。

推荐的腾讯云相关产品：腾讯云服务器（CVM）、腾讯云负载均衡（CLB）、腾讯云对象存储（COS）等。你可以在腾讯云官网上找到这些产品的详细介绍和文档。

参考链接：

• Vue Router 官方文档：https://router.vuejs.org/
• 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云负载均衡（CLB）：https://cloud.tencent.com/product/clb
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos