1回答
异常重定向
、、、
我用Vue.js、vue路由器和firebase创建了一个应用程序.在main.js文件中，我放置了以下代码：
created() {
firebase.initializeApp({
apiKey: "xxxxxxxxxxx",
authDomain: "xxxxxxx.firebaseapp.com",
databaseURL: "https://xxxxxxxxxx.firebaseio.com",
projectId: "xxxxxxxxxx",
浏览 0提问于2018-04-04得票数 1
回答已采纳
我正在为vue.js组件编写测试代码，它使用vue-路由器，使用vue- test -utils。
这是与此相关的代码。
const Routes = [{
...
}, ...
{
...,
path: '/transfers',
name: 'transfers',
redirect: '/transfers/all',
...
},...]
Routes.ts
export default class Transfers extends Vue {
...
@Watch('$route'
浏览 2提问于2021-07-08得票数 2
1回答
我正在开发一个web应用程序，它使用vue-路由器为SPA与Laravel 5后端。它利用通过.vue运行的应用程序组件的laravel-elixir-vueify文件来创建所需的JavaScript。
我已经成功地设置了Vue -路由器和Vue，并且可以加载与主Vue和Vue路由器实例在同一个文件中定义的组件。
但是，当我尝试并要求包含在.vue文件中的组件时，问题就出现了。尽管browserify / vueify在我检查Vue实例时报告了成功的运行，但是Vue dev-tools在实例中只显示了匿名组件片段，而在router-view中没有标记。
控制台中没有错误，尽管看起来外
浏览 2提问于2016-03-12得票数 5
回答已采纳
2回答
我希望尝试使用懒散地用webpack加载。我将我的应用程序按路径划分，并且每个路由都需要组件：
const Home = resolve => {
require.ensure([ "../components/Home/Home.vue" ], () => {
resolve(require("../components/Home/Home.vue"));
});
};
每次我进入不同的路由时，我都会在不同的文件夹中找到自己的块:为路由中的每个组件设置bundle1.js, bundle2.js, bundle3
浏览 3提问于2017-02-20得票数 2
1回答
我的Nuxt.js应用程序有这样的结构：
/pages/index.vue
/pages/_slug/index.vue
当用户获得/{any_page}时，它将使用路径构建页面内容：
/pages/_slug/index.vue
<template>
<div>
{{slug}}
</div>
</template>
<script>
import fetch from 'isomorphic-fetch';
export default {
async asyncData({ params }
浏览 0提问于2019-08-14得票数 1
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See :// webpack . js .org/concepts#loaders
> <template>
| <div class="container">
| <div
浏览 8提问于2020-10-01得票数 2
回答已采纳
我使用Vue路由器直接到src文件中一个名为components的文件夹中的不同组件，这很奇怪，但是所有组件中的模板都是相同的，我导入了文件并以完全相同的方式定义了路由，当然，除了这里的确切组件文件名--我的main.js文件
import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/components/Home'
import CreateMeetUp from '@/components/Meetup/CreateMeetUp'
i
浏览 0提问于2018-07-19得票数 0
有点奇怪。我以为我知道VueRouter是如何工作的，但我在访问一个参数时遇到了问题，我正在将该参数传递到一个绑定的路由器链路中。
在'@/views/Home.vue'中
<router-link
class="ml-1"
:to="{ name: 'home', params: { activeInstructorSet: false }}"
>
Switch
</router-link>
我有以下几条路线：
'@/routes/index.js:f
const rout
浏览 3提问于2019-11-05得票数 0
1回答
对于仅路由Home、Gallery和Contact us，选择在下一个js中路由哪个好?？我应该对它使用动态吗？或者仅仅是基本的？对路径有什么想法吗？我还在学习所以，我确实喜欢得到一些想法，我也读过谷歌上的一些文章，大多只是在家里和关于，:D for Nuxt js或任何文章阅读它?？请链接:D
是否正确qw不在nuxt js中的任何组件文件上创建Vue.use(路由器)？
我可以用这个吗？
router: {
routes: [
{
name: 'index',
path: '/',
component:
浏览 2提问于2018-12-03得票数 0
4回答
如何将拉拉路线参数传递给vue
、、、、
我是vue的新手&我做了很多google，但是没有找到任何与我目前的情况相匹配的解决方案，所以我不知道如何在vue组件中通过路由，有没有办法将这个laravel路由传递到vue模板中，如下所示。我的vue是位置是资源/资产/js这里是代码
<template>
<a href={{route('/')}}></a>//i want to pass laravel route
浏览 6提问于2018-01-11得票数 2
回答已采纳
我试图在我的路径上实现一些延迟加载，但没有成功。这就是我的路由器文件夹上的index.js文件的样子
import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue";
import Login from "../views/Login";
import Register from "../views/Register";
import ResetPw from "../views/
浏览 1提问于2020-04-07得票数 3
2回答
Vue路由器在主Vue实例之前加载，但是要加载该路由器，我需要准备一些信息，然后将它们作为属性传递给该路由。在本例中，它是从主Vue实例传递到主屏幕的currentTime。
也许保持$Store上的所有东西都能解决这个问题，但目前项目还没有实现Vuex。我现在做不到。
有什么建议吗？
main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './registerServiceWorker'
浏览 1提问于2019-10-22得票数 4
回答已采纳
2回答
只用一个页面就可以完成这个任务。当我介绍vue-router时，什么都不会呈现。
在main.js中，如果我用示例文本和很少的编辑返回app.js；它呈现得很好，没有任何问题。这似乎与我如何实例化vue-router有关。而且，在我的环境中没有控制台错误。
main.js
define(function(require) {
'use strict';
var Vue = require('vue');
var VueRouter = require('vue-router');
var App = require
浏览 2提问于2017-09-16得票数 0
我有一个laravel项目，正在努力安装vue路由器。然后，我通过：npm install --save-dev @vue/cli-service安装了vue-cli：
vue add router
后者在src文件夹(视图、main.js、App.vue、router.js等)上创建了大量初学者文件。我有所有的前端在一个资源文件夹，其中有混音，引导和laravel视图文件夹。我试过改变进口和webpack混合，但没有成功。有人知道我如何将vue路由器插件更改为我的资源js文件夹/或将我的webpack混音更改为src文件夹？
解决方案:考虑到您有vue-cli，并且希望将vue -路由器添加
浏览 3提问于2022-10-09得票数 -1
1回答
我试图在我的vue和laravel项目上运行vuetify材料仪表板，在修改了用于laravel和npm的vuetify package.json和npm (默认为vue-cli)之后，运行npm dev或npm运行监视命令抛出此错误：
ERROR in ./resources/assets/js/router/index.js
Module build failed: SyntaxError:
C:/wa
浏览 2提问于2019-03-02得票数 1
我正在审查Vue和它的路由器组件，尽管我在让路由器组件工作时遇到了一些问题。控制台出现以下错误：
未定义的ReferenceError:路由器未定义
大家好，
我正在将Vue和VueRouter导入到index.html中，并尽力阅读文档以使路由器初始化，但似乎无法工作。
在index.html中
<script type="module" src="/assets/js/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue
浏览 1提问于2019-08-09得票数 2
1回答
我使用vue.js来设计一个管理应用程序，并且我试图构建尽可能模块化的UI体系结构。因此，我已经将Header、Body、Sidebar和Main设置为单个文件组件，如下所示。
树
App
- Header
- dynamic content
- Body
- Sidebar
- dynamic content
- Main
- dynamic content
图形
┌──────────────────────────────────────────────────────────┐
│ HEADER SO
浏览 3提问于2018-05-28得票数 1
回答已采纳
在我的Nuxt项目中，我将pages目录中的.vue文件拆分成如下所示：
pages/
index.vue
shop/
index.vue
shop.js
shop.pug
shop.scss
login/
index.vue
login.js
login.pug
login.scss
使用shop/index.vue和login/index.vue生成各自的js/pug/scss文件。
/、/shop和/login的路由工作正常，但我看到还生成了其他一些路由：/shop/shop和/login/login --我假设
浏览 0提问于2019-07-23得票数 0
使用带有子路径的beforeEach时，调试控制台显示此错误: vue-router.esm.js?8c4f:2079 RangeError:超过最大调用堆栈大小
import Vue from 'vue'
import VueRouter from 'vue-router'
import LoginMixin from '@/mixins/LoginMixin.js'
Vue.use(VueRouter)
const routes = [
{
path: '/',
name: 'home'
浏览 20提问于2019-11-03得票数 0
回答已采纳
我有一个应用程序，用户可以登录在不同的角色，例如。seller，buyer和admin。对于每个用户，我想在相同的路径上显示仪表板页面，例如。但是，每个用户将在不同的vue组件中定义不同的仪表板，例如。SellerDashboard，BuyerDashboard和AdminDashboard。
因此，基本上，当用户打开http://localhost:8080/dashboard时，vue应用程序应该根据用户角色加载不同的组件(我将其存储在vuex中)。同样的，我也想买这个给其他航线。例如，当用户进入配置文件页面时，http://localhost:8080/profile应用程序应该根据登录
浏览 7提问于2019-12-16得票数 15
我正在使用Laravel5.5和Vue.js 2.0
打开example.com并单击显示项时，此url将触发
example.com/items
下面是结果
当我直接打开这个url example.com/items时，它只显示我从Laravel获得的json响应，而没有在html (Vue.js)中创建任何视图。见下文：
如何在浏览器中访问像example.com/items这样的直接Urls，而不首先访问example.com，从而获得准确的结果。
更新的这里是我的Vue routes.js文件
import Example from './components/Ex
浏览 1提问于2018-01-19得票数 0
回答已采纳
在构建Vue项目时，我会得到以下错误：
错误编译失败，有一个错误
下午7:30:01 RangeError:超过最大调用堆栈大小
Array.join
loader.js:228 Function.Module._findPath内部/模块/cjs/loader.js:228:56
loader.js:578 Function.Module._resolveFilename内部/模块/cjs/loader.js:578:25
loader.js:507 Function.Module._load内部/模块/cjs/loader.js:507:25
loader.js
浏览 1提问于2019-01-26得票数 1
回答已采纳
我正在学习本教程：
最终，可以通过这样的链接给特定的机场打电话：http://127.0.0.1:5173/airports/cvg和通过http://127.0.0.1:5173/airports/cvg/destinations提供的更多细节
接近上述教程末尾时，如果路由不存在，则实现对404页的回退调用，例如，这应该重定向到404：。
路线是这样的：
const routes = [
{
path: '/',
name: 'Home',
component: () => import('@/pages/HomePa
浏览 14提问于2022-07-29得票数 2
我试图实现的是将Vue 3应用程序添加到现有的Rails应用程序中。因此，我的应用程序将是一个典型的Rails应用程序，直到加载路由/spa/*。在这种情况下，Rails的控制器将提供一个依赖于Webpack服务JS的布局。
首先，我将路由/spa/添加到我的routes.rb中，以便始终将其解析为一个为使用javascript_pack_tag的正确布局服务的控制器。
然后，我成功地在我的Rails 5.2 rails应用程序中安装和安装了Webpacker，而且它似乎工作正常，因为我已经用Vue路由器构建了一个简单的应用程序，并在单击链接时正确地呈现了几个组件。好吧，几乎..。
问题在于我
浏览 2提问于2021-01-25得票数 3
回答已采纳
还有第二个警告:在./src/main.js中的“导出‘默认”(导入为'Vue')中没有找到'vue'.中的警告。
它给我展示了一个空白站点，路由器可能出了问题，下面是我的App.vue的脚本(不确定)：
从“@/路由器”导出默认{}导入路由器
这是我的index.js：
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/home.vue'
Vue.use(VueRouter)
const rou
浏览 2提问于2021-04-20得票数 2
1回答
main.js：
import Vue from 'vue';
import App from './App';
import router from './routes/Route';
Vue.config.productionTip = false;
new Vue({
el: '#app',
render: h => h(App),
router
})
Route.js：
import Vue from "vue";
import VueRouter from "vue-router
浏览 1提问于2018-12-27得票数 0
回答已采纳
我刚刚开始使用VueJS，目前我正在尝试使用Webpack-Loader将它添加到我的Django项目中。
我有以下两个文件：
App.vue
<template>
<div id="app">
<img alt="Vue logo" src="./assets/logo.png">
<HelloWorld msg="Welcome to Your first Vue.js App"/>
</div>
</template>
<
浏览 1提问于2020-12-19得票数 0
回答已采纳
我正在学习Vue.js 2.6。下面是我的基本目录：
我需要我的主页和博客共享相同的页眉和页脚，所以我在home.vue和blogs.vue中分别导入了页眉和页脚组件，但当我单击导航栏中的链接时，它无法顺利切换页面。我能做些什么来让它变得顺畅？
为了制作这个项目，我求助于互联网上的一些案例，在那之后，当我看到它的路由器文件结构时，我感到困惑：
看起来我把它写成了一个MPA，但是为什么路由器目录中需要index.js呢？
我的home.js如下：
import Vue from 'vue'
import Home from './home.vue
浏览 2提问于2021-01-25得票数 0
1回答
我目前正在构建一个应用程序，我想添加这个应用程序的扩展。这些扩展应该有自己的Vue组件和视图(因此也包括路由)。我不想重建这个应用程序，而是动态地添加新的视图和路由。对Vue 2有什么好办法吗？
在下面的文章中，我添加了一些我希望能让这个问题更容易理解的文件。router/index.js包含基本结构，并以常规方式添加到main.js文件中。在加载app.vue期间，新路由应该加载并附加到已经存在的路由。
路由器
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from &
浏览 8提问于2021-02-20得票数 5
回答已采纳
3回答
我有一个相当大的vue.js 2应用程序，它具有动态选项卡机制。用户可以与应用程序打开和关闭选项卡进行交互，每个选项卡代表一个路由。为了实现这一点，我使用vue路由器并保持活力，如下面的示例。
<template>
<div id="app">
<keep-alive>
<router-view :key="routerViewKey"/>
</keep-alive>
</div>
</template>
当用户单击“关闭”选项卡按钮时，将调用
浏览 20提问于2020-12-06得票数 6
2回答
我需要在默认模式下运行Vue路由器(也就是散列模式，也就是我不能在history模式下运行它)。在该模式下，我的所有动态路由都包含一个前导的has，例如http://myurl.com/#/highlights。但是，如果您删除了前导散列，例如(http://myurl.com/highlights)，则站点将中断(给出错误no input file specified)。
我的目标是确保如果所有匹配的路由条件都不满足，并且用户未经过身份验证，则将用户重定向到登录屏幕，如果它们已通过身份验证，但没有匹配的路由，则将它们重定向到主页。
这是我的router.js
import Vue from
浏览 16提问于2019-11-11得票数 0
1回答
我想利用"Vuex“功能在整个项目中存储和使用"isAuthenticated”变量，根据这一点，允许访问路由。我的错是什么？我花了很多时间，回顾了许多不同的方法将vue商店嵌入到项目中，但没有结果。
“商店”中的"index.js“：
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
isAuth: false,
},
mutations:
浏览 1提问于2022-02-20得票数 1
回答已采纳
我想创建一个多品牌的Vue.js项目。 基于域名，我们将确定品牌。所有品牌都将使用相同的路由，但在视图中加载不同的组件。视图也可以共享一些组件。 例如： 品牌#1使用组件1、2、3 品牌#2使用组件3、5、6 对于这种情况，最好的结构是什么？ 1)在路由文件中求解。我们将根据品牌代码加载一个视图。例如: views/brand1/home.vue和views/brand2/home.vue 2)在视图文件中求解。根据品牌参数加载特定的组件。 3)其他... 致以问候。
浏览 13提问于2019-03-21得票数 1
2回答
我正在尝试让Vue路由器在我的Vue应用程序中工作。当我点击链接时，它只是重新加载页面，并不显示仪表板模板。对如何解决这个问题有什么想法吗？
这是我的main.js文件中的内容：
import Vue from 'vue'
import App from './App.vue'
import VModal from 'vue-js-modal'
import TreeView from "vue-json-tree-view"
import '@/assets/css/tailwind.css'
import Vu
浏览 2提问于2020-05-24得票数 0
1回答
我有一个vue组件，它包含一个方法，该方法包含这个路由器推送，它试图推送到另一个vue组件：
GetAnimal.vue
...
this.$router.push({
name: "/viewanimal",
});
...
我有这个路由器的映射：
router.js
{
path: "/viewanimal",
component: () => import('./views/DisplayAnimal.vue')
},
{
path: "/getanimal",
componen
浏览 3提问于2020-05-29得票数 6
回答已采纳
1回答
我想将属性namePage从Home / About传递到Navbar
在路由器index.js中，我们包含了组件: Home.vue和About.vue
我试图通过路由发送数据，但它不起作用。
如果我将钩子从created()更改为 and ()，则DOM呈现属性namePage，但不响应于更改Home.vue和About.vue组件。
在开发模式中，在VueJs工具中，$route.meta.namePage是反应性的。
我的组件：
App.vue
<template>
<header>
<Navbar/>
</header>
浏览 3提问于2022-01-30得票数 1
1回答
我正在尝试创建Vue SPA应用程序。但该路由似乎与我在路由器中定义的路由不匹配。我不明白为什么会发生这种事。在我看来，一切都应该是正常的。这里我漏掉了什么？
我的index.html
<html>
<head>
<title>New Vue.js Project</title>
<script src="assets/js/vue.js"></script>
<script src="assets/js/vue-router.js
浏览 10提问于2019-08-20得票数 0
回答已采纳
我希望生成用于静态部署的html文件。
package.json依赖项如下
"dependencies": {
"@nuxt/content": "^1.15.1",
"@nuxtjs/markdownit": "^2.0.0",
"core-js": "^3.19.3",
"nuxt": "^2.15.8",
"vue": "^2.6.14",
"vue-se
浏览 4提问于2022-01-24得票数 4
试图实现vue路由器。获取错误：
Cannot read property 'forEach' of undefined
at createRouterMatcher
Vue版本：@vue/cli 4.5.9。我有两个视图/页面已经格式化并准备实现。我的主页基本上是index.vue。我试过和index.js和main.js一起玩，但似乎没能让它发挥作用。
src/main.js
import { createApp } from 'vue'
import { routes } from './router/index'
import
浏览 3提问于2021-03-14得票数 1
回答已采纳
js和使用vue-路由器有问题，我的组件没有呈现，控制台没有显示错误，请按照我的代码：
路由器配置(/路由器/index.js)：
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '@/pages/Home/Home.vue'
import NewUser from '@/pages/NewUser/NewUser.vue'
Vue.use(VueRouter)
const routes = [
{ path: '
浏览 15提问于2020-04-24得票数 2
回答已采纳
我刚接触vue.js和I#m，现在正在练习路由。我的router.js看起来像这样：
import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
Vue.use(Router)
export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{
path: '/'
浏览 0提问于2019-10-16得票数 1
当我运行npm run serve时，我会得到This dependency was not found错误，这与我试图在main.js中使用的router有关。我不明白为什么会发生这种情况-路由器是从src/router/router/js文件创建和导出的，并导入到main.js文件中。
main.js
import App from './App.vue'
import './assets/tailwind.css'
import Vue from 'vue'
import VueRouter from 'vue-router'
浏览 7提问于2022-02-09得票数 0
如果不使用vue-router，则在声明new Vue()时可以将存储传递给子组件。
但我同时使用了vue-router和vuex。在这种情况下，如何使store对components可用。例如，我的store.js是典型的：
import Vue from 'vue'
import Vuex from 'vuex'
import jwt_decode from 'jwt-decode'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.
浏览 0提问于2018-04-21得票数 1
当我试图访问随机组件中的vuex存储时，将返回未定义的。然而，我把商店注入我的Vue对象。有人知道怎么解决这个问题吗？我可以手动将存储对象导入每个组件，但这并不是很干净.我的文件看起来是这样的：
main.js
import Vue from 'vue'
import VueResource from 'vue-resource'
import VueRouter from 'vue-router'
import VueI18n from 'vue-i18n'
import routes from './config/
浏览 4提问于2017-03-24得票数 0
回答已采纳
我有一个包含多个组件的Vue.js应用程序，其中一些组件以如下方式使用路由器：
this.$router.push({
name: 'overview',
params: { ... },
});
但是，如果我尝试在App.vue中做同样的事情：
import Vue from 'vue';
import VueRouter from 'vue-router';
import Vuetify from 'vuetify';
import store from
浏览 2提问于2018-10-25得票数 1
回答已采纳
1回答
Vue.js路由器看不到组件
、、、、
我刚刚初始化了一个Vue应用程序并添加了一些新的路由。但他们根本就没工作。
我的路由器/index.js
import Vue from 'vue'
import Router from 'vue-router'
import QuestionList from '@/components/pages/QuestionList'
import SessionList from '@/components/pages/SessionList'
Vue.use(Router)
const router = new Router(
浏览 2提问于2019-01-22得票数 1
回答已采纳
我的目标是拥有以下页面结构
pages
--/users/
--/users/:id/
--/users/:id/edit/
应该为每个:id生成编辑。现在我的设置只在开发模式中工作。在nuxt上，只生成第一个/users/:id/edit/。所有其他路线都有404错误的生产！
当前设置：
- /users
- index.vue
/_id
- index.vue
- edit.vue
我还试图添加另一个_id.vue，我找到了和
/users
- _id.vue
- /id
[...]
我也查过了。
在nuxt.config.js我有
浏览 8提问于2022-07-27得票数 2
回答已采纳
3回答
我现在正在构建一个spa，它使用Vue.js作为前端框架，它与使用jsonwebtokens的纯json后端进行对话。我更熟悉React生态系统。我现在不确定如何在Vue.js中保护客户端路由。(这不是我对框架的决定。我是新来的。耶！)
在react中，我会这样做。在项目的index.js文件中。在挂载应用之前，请检查本地存储中是否有jsonwebtoken。如果有，请将redux状态设置为已登录。如果未设置为注销，则返回。
然后，我将使用高阶组件来保护我的路由，以便每当用户尝试进入客户端保护的路由时，我都会使用检查登录状态的componentWillMount生命周期方法。如果已登录，请渲染
浏览 3提问于2017-04-15得票数 4
我正在尝试在路由器上安装Vue.js，但遇到了一些视图问题。我有一个包含子路由的router.js。我想对简单的面包屑使用这种方法，并生成一个清晰的概述，这样我就知道哪条路属于哪里。
开通每一条路线就像一个魔咒，一切都会展现出来。当我打开/apps时，我会从我的Apps.vue中看到一个很好的视图，其中显示了App overview</h1>。但是现在我打开了/apps/app-one，然后我看到了Apps.vue和AppOne.vue模板。如何防止同时显示两个模板？
vue组件如下所示：
Router.js
import Router from 'vue-router&#
浏览 0提问于2018-09-08得票数 4
1回答
使用Nuxt.js，在我的router.js中，我试图导入路由组件：
{
path: '/',
component: () => import(/* webpackChunkName: "index" */ '~/pages/index.vue')
}
我知道这个错误：
在组件中未定义的呈现函数或模板:匿名
我偶然发现了其他人的Nuxt.js项目，他们在最后添加了以下内容，这样就可以工作了：
{
path: '/',
component: () => import(/* webpackChunk
浏览 2提问于2021-03-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
