纯js文件中,怎么使用vue的路由

发布于 2022-09-11 17:41:07 字数 555 浏览 6 评论 0

1、封装了一个axios的请求状态拦截的js文件,当状态码是404的时候,跳转到对应路由页面。但是纯js中怎么使用路由呢,this.$router()中的this怎么指向vue的实例对象? 难道在当前文件引入vue在new出来?
2、

js 代码如下

import Axios from "axios";
let axios_instance = Axios.create({
  ...
});
axios_instance.interceptors.response.use(response => {
  return response
}, err => {
  if (err && err.response) {
    switch (err.response.status) {
      case 404:
        //this.$router('/error');
        err.message = '请求错误,未找到该资源';
        break;
    }
  }
  return Promise.resolve(err.response)
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

半衬遮猫 2022-09-18 17:41:07

可以在js文件里面导入router呀,如:

/* 这个路径就是你的router.js的路径 */
import router from "../router";

import Axios from "axios";
let axios_instance = Axios.create({
  ...
});
axios_instance.interceptors.response.use(response => {
  return response
}, err => {
  if (err && err.response) {
    switch (err.response.status) {
      case 404:
      
        router.push('/error');
        
        err.message = '请求错误,未找到该资源';
        break;
    }
  }
  return Promise.resolve(err.response)
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文