Javascript VueJS |如何在vue.js中获取url参数？

嗨，我正在制作自己的网站。我是新手vue.js 我正在尝试获取url的参数。 我一直在尝试任何方法。但这不管用。 这是一个url。->example.com:8080/login 在这个页面中，有一个注册按钮。 我想要的只是当我给出url参数example.com:8080/login？id=hello&pw=1234时，在login.vue中插入value->user\u id=hello，user\u pw=1234并返回exapmle.com:/8080 我正在尝试使用vue.router。但它不起作用。 错误是

javax.servlet.ServletException: Circular view path [error]: would dispatch back to the current handler URL [/error] again. Check your ViewResolver setup!

这是/router/index.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import Main from '../views/Main.vue'
import Login from '../views/Login.vue'
import Intro from '../views/Intro.vue'
import Info from '../views/Info.vue'
import Setting from '../views/Setting.vue'
import store from '../store'
import user_id from '../views/Login.vue'
import user_pw from '../views/Login.vue'

Vue.use(VueRouter)

const routes = [{
        path: '/',
        redirect: '/main',
    },
    {
        path: '/login',
        name: 'login',
        component: Login,
    },
    {
        path: '/signup',
        name: '/signup',
        component: SignUp
    },
    {
        path: '/main',
        component: Main,
        beforeEnter(to, from, next) {
            if (store.state.accessToken) {
                next();
            } else {
                next('/login');
            }
        },
        children: [{
                path: '',
                name: 'intro',
                component: Intro,
            },
            {
                path: '/info',
                name: 'info',
                component: Info,
            },
            {
                path: '/setting',
                name: 'setting',
                component: Setting,
            },
        ]
    },
]

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: Login
});

var myApp = new Vue({
    router,
    el: '#app',
    mounted: function() {
        let parameters;
        parameters = this.$route.query
        console.log(parameters)

        user_id = this.$route.query.id
        user_pw = this.$route.query.pw
    }
})

export default router

这是login.vue的一部分

export default {
        name: "test",
        function() {
            return {
                id: "",
                pw: "",
            };
        },
        methods: {
            test() {
                axios.post("/login", {
                    id: this.userId,
                    pw: this.password
                })
                .then(function(response) {
                    if(response.data.code === 200) {

                    }
                })
        },
        mounted : function() {
            this.load();
        }
}

我不知道我的代码出了什么问题。 我的解释太糟糕了。很抱歉但是我正在尽力

您正在为登录组件分配路由

替换

常量路由器=新的VueRouter{ 模式：“历史”， base:process.env.base\u URL， 路由：登录 }; 您正在为登录组件分配路由

替换

常量路由器=新的VueRouter{ 模式：“历史”， base:process.env.base\u URL， 路由：登录

---

}; Hello world示例可能会有所帮助。单击链接以获取utm_源：

常量用户={ 模板：`User:{{this.$route.params.id}}}| utm_源： {{this.$router.currentRoute.query['utm_source']}` } 常量路由器=新的VueRouter{ 路线：[ {路径：'/user/：id'，组件：user} ] } const app=new Vue{router}.$mount'app' 单击她查看/user/foo的utm_source=facebook？utm_source=facebook

---

Hello world示例可能会有所帮助。单击链接以获取utm_源：

常量用户={ 模板：`User:{{this.$route.params.id}}}| utm_源： {{this.$router.currentRoute.query['utm_source']}` } 常量路由器=新的VueRouter{ 路线：[ {路径：'/user/：id'，组件：user} ] } const app=new Vue{router}.$mount'app' 单击她查看/user/foo的utm_source=facebook？utm_source=facebook

---

您正在将登录组件分配给routes属性，这是不正确的。必须将在顶部声明的routes数组分配给VueRouter.Hi@junbeom的routes属性。我意识到了一个问题。登录路径中不应包含参数。使用查询字符串作为密码是非常不安全的。请从表单中获取密码值。您将登录组件分配给routes属性是不正确的。必须将在顶部声明的routes数组分配给VueRouter.Hi@junbeom的routes属性。我意识到了一个问题。登录路径中不应包含参数。使用查询字符串作为密码是非常不安全的。请从表单中获取密码的值。