vue 打开新窗口拦截—vue不拦截登录接口

vue 打开新窗口拦截—vue不拦截登录接口

如何使用Vue打开新窗口并且不拦截登录接口

在Vue开发中，有时候我们需要在用户点击某个按钮或者链接时打开一个新窗口，但是又不希望拦截登录接口。这时候，我们可以通过Vue的来实现这个需求。

我们需要在Vue项目中创建一个，可以通过axios或者Vue Router的导航守卫来实现。下面以axios为例，来演示如何在中处理这个问题。

“`javascript

// main.js

import Vue from ‘vue’

import App from ‘./App.vue’

import axios from ‘axios’

axios.interceptors.request.use(config => {

// 判断是否是登录接口

if (config.url.includes(‘login’)) {

return config;

}

// 打开新窗口

window.open(config.url);

// 返回一个空的Promise对象，阻止请求继续发送

return new Promise(() => {});

});

Vue.prototype.$http = axios;

new Vue({

render: h => h(App),

}).$mount(‘#app’)

“`

在上面的代码中，我们通过axios的，在请求发送前判断是否是登录接口，如果是登录接口则直接返回config，不进行拦截；如果不是登录接口，则通过window.open打开新窗口，并返回一个空的Promise对象，阻止请求继续发送。

这样，我们就实现了在Vue中打开新窗口并且不拦截登录接口的需求。通过这种方式，我们可以灵活地控制请求的发送，并且保证登录接口的正常使用。希望以上内容对你有所帮助。