对于想了解Vue路由器-带有“?#”的url的读者，本文将提供新的信息，我们将详细介绍vue里面的路由，并且为您提供关于$str=asdfasdf123541[url]asdfasdf[/url]cx

对于想了解Vue 路由器 - 带有“?#”的 url的读者，本文将提供新的信息，我们将详细介绍vue里面的路由，并且为您提供关于$str =asdfasdf123541[url]asdfasdf[/url]cxgew435asdfasdf; [url]asdfasdf[/url] 想把这块去掉，最好的方法是什么。、Laravel-vuejs（Vue 路由器）Javascript 在 onchange url、NullInjectorError：R3InjectorError（AppModule）[路由器->路由器->路由器]：NullInjectorError：没有路由器的提供程序、Passport.js 与 Vue 路由器 - 导航卫士的有价值信息。

• Vue 路由器 - 带有“?#”的 url（vue里面的路由）
• $str =asdfasdf123541[url]asdfasdf[/url]cxgew435asdfasdf; [url]asdfasdf[/url] 想把这块去掉，最好的方法是什么。
• Laravel-vuejs（Vue 路由器）Javascript 在 onchange url
• NullInjectorError：R3InjectorError（AppModule）[路由器->路由器->路由器]：NullInjectorError：没有路由器的提供程序
• Passport.js 与 Vue 路由器 - 导航卫士

Vue 路由器 - 带有“?#”的 url（vue里面的路由）

如何解决Vue 路由器 - 带有“?#”的 url

我找不到关于 ?# 的任何文档。

当 URL 中只有 # 时，它的行为似乎相同（例如 site.com/#/login 与 site.com/?#/login 的工作方式相同）但我想了解为什么有时我的页面会出现改为重定向到“？#”。谢谢。

$str =asdfasdf123541[url]asdfasdf[/url]cxgew435asdfasdf; [url]asdfasdf[/url] 想把这块去掉，最好的方法是什么。

Laravel-vuejs（Vue 路由器）Javascript 在 onchange url

嗯，我明白你想要什么。您想在所有组件中调用 JavaScript 文件。例如，JavaScript 插件（如 select2、datapicker 等）的 init.js 必须在所有组件中调用，我没听错吗？

无论如何

#1 在路径 external.js 中创建文件 resources/js/

external.js

function add_script(src) {
    if(document.querySelector("script[src='" + src + "']")){ return; }
    let script = document.createElement('script');
    script.setAttribute('src',src);
    script.setAttribute('type','text/javascript');
    document.body.appendChild(script)
}

function rem_script(src) {
    let el = document.querySelector("script[src='" + src + "']");
    if(el){ el.remove(); }
}

在您的 app.js 中添加

import {add_script,rem_script} from './external';

router.beforeEach((to,from,next) => {


  /* It would be nice to add a pre-loader here d
     so that the page design is not affecte
  */
  // Track your console :)
  console.log('Hi before load');
   
  // Add your script
  add_script('path/to/your_js');
  next()
})
router.afterEach(() => {
  // Here you can remove loader after loaded


  // Track your console :)
  console.log('Hi After load');


  // remove_included_js file but still working :)
  rem_script('path/to/your_js');    

})

现在应该在每个组件中调用这个文件 path/to/your_js。

完成，就是这样:)

但我从来没有在大型项目中这样建议你 :) 但正如@equi 和@Stefano A. 所说，他们是对的。

router-link 允许在启用路由器的 JS 应用程序中进行 Vue.js 导航。这允许通过减少加载新页面所需的时间来优化用户体验。具体来说，新页面是异步注入DOM的。

为了实现您想要的结果，我们可以将我们希望在页面加载时运行的功能放在组件的 mounted() 方法中：

//component Test
<template>
    <div>
      <span> Test Page </span>
    </div>
</template>
<script>
export default 
{
   data() {
      return { }
   },mounted() {
      alert('Page loaded!'); // JS functionality to be run on component mount
   }
}
</script>

如果需要，我们可以在 .js 方法中加载外部 mounted() 文件：

mounted() {
    let newScript = document.createElement('script')
    newScript.setAttribute('src','https://<URL>/script.js')
    document.head.appendChild(newScript)
}

我没有看到它坏了。如果您考虑缺少警报消息：您可能将它作为 created() 或mounted() 生命周期钩子的一部分放在 App.vue 组件中。它只显示一次，因为 App.vue 组件保持加载状态，并且您正在使用路由器在 Test.vue 和 Home.vue 之间切换。 App.vue 在刷新之前不会经历其生命周期挂钩。

但是，如果您想在每次路由更改时执行部分代码，则应该在 vue 路由器上使用导航守卫。

NullInjectorError：R3InjectorError（AppModule）[路由器->路由器->路由器]：NullInjectorError：没有路由器的提供程序

将 HttpClient 导入您的 .service.ts

import { HttpClient } from '@angular/common/http';

将HttpClientModule导入app.module.ts并添加HttpClientModule导入数组

import { HttpClientModule } from '@angular/common/http';

 imports: [
    BrowserModule,AppRoutingModule,HttpClientModule
  ],

我在使用 @angular/router 的服务中遇到了同样的错误。我能够通过替换来修复它

@Injectable()

与

@Injectable({
  providedIn: 'root'
})

在服务类中。

Passport.js 与 Vue 路由器 - 导航卫士

如何解决Passport.js 与 Vue 路由器 - 导航卫士

我使用 Vue Router 进行导航，使用passport.js 来登录/注册我的应用程序。登录/注册系统工作正常，并使用 mongodb 数据库进行设置。

但是，我无法让我的路线保护与护照功能一起使用以确保身份验证。

这是我目前的代码：

const { ensureAuthenticated } = require(''../../Configurators/userAuthentication'');

const routes = [
{path: ''/afterLogin'',name: ''AfterLogin'',component: () => import(''../views/afterLogin.vue''),beforeEnter : ensureAuthenticated},]

这是我的身份验证功能：

module.exports = {
    ensureAuthenticated: function(req,res,next) {
        if (req.isAuthenticated()) {
            return next();
        }
        req.flash(''error_msg'',''Please log in to view that resource'');
        res.redirect(''/users/login'');
    }
};

我对 Vue Router 非常陌生，因此非常感谢您的帮助。

我们今天的关于Vue 路由器 - 带有“?#”的 url和vue里面的路由的分享已经告一段落，感谢您的关注，如果您想了解更多关于$str =asdfasdf123541[url]asdfasdf[/url]cxgew435asdfasdf; [url]asdfasdf[/url] 想把这块去掉，最好的方法是什么。、Laravel-vuejs（Vue 路由器）Javascript 在 onchange url、NullInjectorError：R3InjectorError（AppModule）[路由器->路由器->路由器]：NullInjectorError：没有路由器的提供程序、Passport.js 与 Vue 路由器 - 导航卫士的相关信息，请在本站查询。