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中打开新窗口并且不拦截登录接口的需求。通过这种方式，我们可以灵活地控制请求的发送，并且保证登录接口的正常使用。希望以上内容对你有所帮助。
（本文地址：https://www.nzw6.com/23249.html）
