初次使用vue-router时,发现配置了routes数组仍然无法访问配置的path。
访问时会出现 Connot GET /XXXX
import Vue from 'vue';
import Router from 'vue-router';
import Home from 'src@/views/Home.vue'
import FlightList from 'src@/views/FlightList.vue'
Vue.use(Router)
export default new Router({
mode: 'history',
base: '/',
routes: [
{
path: '/',
name: 'Home',
component: Home
},
{
path: '/index',
component: Home
},
{
path: '/flight-list',
name: 'flightList',
component: FlightList
}
]
})
经过google后发现,vue-route使用history模式下,需要服务器后端支持,也就是后端需要为对应的请求地址返回一个html地址。因此,应该在webpack.dev.config.js中为本地服务devServer配置一个:
devServer: {
contentBase: './dist',
hot: true,
historyApiFallback: {
rewrites: [
{ from: /^\*$/, to: '/dist/index.html' }
]
}
},
分享到:
相关推荐
vue路由vue-router.js文件下载
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
vue-router 3.0.1 版本 , 2018-04-05 最新版本 .
vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现...
vue-router.min.js
vue3.x+vite+ts+vue-router@4.x 路由使用demo,可供学习使用,也可在此基础上写项目
Vue-router中文教程,Vue-router参考手册.CHM, Vue-router离线手册
首先假设项目中有两个路由Profile和Posts,按写法把他们定义为一层路由,是Root的子路由,因此Root中要有router-view组件去承载子路由,才能实现子路由切换展示 一层路由 Root容器 <h1>Ro
微信小程序开发附源码:vue-router history模式下的微信分享小结
vue路由器插件 。
vue-router官网文档学习
vue3+webpack+vue-router路由封装+axios封装+vuex封装,下载资源中包括了vue3+webpack+vue-router路由封装+axios封装+vuex封装的相关代码,分别对vue-router路由进行了封装,对axios进行了封装,对vuex进行了封装,...
本项目前后端分离,前端基于Vue+Vue-router+Vuex+Element-ui+Axios,参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。 前端包含了11个页面:首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、...
VueTaroRouter基本 Taro ,扩展成 vue-router 的使用体验Installationnpm i vue-taro-router -SUsage// router.jsimport VueTaroRouter from "vue-taro-router";const router = new VueTaroRouter();// 添加拦截器...
技术胖的Vue-router教程笔记 详情:http://jspang.com/2017/04/13/vue-router/
vue-router 相关的demo,版本是3.0.1,分析相关代码用
基于Vue+Vue-Router+Vuex+Element-ui+axios,参考小米商城,实现的电商项目。
基于Vue+Vue-Router+Vuex+Element-ui+axios,高仿小米商城,实现的电商项目。本项目前后端分离,前端基于Vue+Vue-router+Vuex+Element-ui+Axios,参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。前端包含了...
主要介绍了vue-router懒加载速度缓慢问题及解决方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下