vue不要让路由出现#，如何设置

如果你使用的是 Vue Router，可以通过在创建 router 实例时传入 `mode: 'history'` 选项来将路由模式设置为 HTML5 History 模式，从而去掉 URL 中的 `#`。

例如，你可以在 `src/main.js` 文件中这样创建 router 实例：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  routes: [
    // 定义路由
  ]
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

这样，当用户访问 `/foo` 时，URL 就不会显示为 `/#/foo`，而是直接显示为 `/foo`。需要注意的是，使用 HTML5 History 模式需要后端服务器支持，在开发环境下可以使用 `vue.config.js` 中的 `historyApiFallback` 选项进行配置。

相关问题

vue设置路由

首先需要在你的 Vue 项目中安装 `vue-router`，可以使用如下命令进行安装：

npm install vue-router --save

安装完成后，在项目中创建一个 `router.js` 文件，用于管理你的路由。在 `router.js` 文件中，你需要导入 Vue 和 vue-router，并使用 `Vue.use()` 方法将 vue-router 安装到 Vue 中。

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

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/about',
      name: 'About',
      component: About
    },
    // 其他路由配置
  ]
})

在上述代码中，我们定义了两个路由，分别是 `/`（首页）和 `/about`（关于页面），对应的组件分别为 `Home` 和 `About`。你可以根据自己的需要添加其他路由。

然后，在你的 `main.js` 文件中，导入 `router.js` 文件并将其挂载到 Vue 实例中：

import Vue from 'vue'
import App from './App.vue'
import router from './router'

new Vue({
  router, // 将路由挂载到 Vue 实例中
  render: h => h(App)
}).$mount('#app')

最后，在你的组件中使用 `<router-link>` 标签来进行路由跳转：

<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>

同时，在你的组件中使用 `<router-view>` 标签来渲染对应的组件：

<router-view></router-view>

vue2 设置路由守卫

在 Vue.js 2 中设置路由守卫可以通过使用 `beforeEach` 方法来实现。下面是一个简单的示例：

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

Vue.use(Router);

const router = new Router({
  // ...其他配置
});

// 设置全局前置守卫
router.beforeEach((to, from, next) => {
  // 在这里可以进行一些逻辑判断和处理
  // 比如判断用户是否登录，是否有权限访问该路由等
  
  // 如果判断通过，继续路由导航
  next();
  
  // 如果判断不通过，可以跳转到其他页面，比如登录页
  // next('/login');
});

export default router;

在上面的代码中，`beforeEach` 方法接收三个参数：to、from 和 next。to` 表示即将要进入的路由对象，`from` 表示当前导航正要离开的路由对象，`next` 是一个函数，用来执行导航操作。

在 `beforeEach` 方法中，你可以根据实际需求进行逻辑判断和处理。如果判断通过，调用 `next()` 继续路由导航；如果判断不通过，可以调用 `next('/login')` 跳转到其他页面。

需要注意的是，该方法设置的是全局前置守卫，会应用到所有的路由上。如果需要针对特定的路由设置守卫，可以在路由配置中使用 `beforeEnter` 方法。