解决vue脚手架项目打包后路由视图不显示的问题
作者：SherrySherryBell 发布时间：2024-04-27 16:06:31
标签：vue,脚手架,路由,视图
脚手架vue-cli 搭建的项目，build后放于服务器上，发现其他资源全部变成静态加载成功，但路由视图为空，最初以为是webpack打包的问题，找了好久发现是路由配置问题。
解决办法如下：
Vue.use(VueRouter)
const router = new VueRouter({
mode: 'history',
base: '/system/', //添加根目录
scrollBehavior: () => ({ y: 0 }),
routes
})
比如我是将打包后的dist和index.html放在tomcat上的system下，router 的根目录就是system。
方法很简单，但是找到问题并解决的过程。。。很虐很享受啊
来源：https://blog.csdn.net/sinat_35515778/article/details/73650221
0
投稿猜你喜欢
- # -*- coding: utf-8 -*-# @Time : 2019-11-18 09:31# @Author : cxa# @Fil
使用PyQt5应用程序制作PDF转换成图片的小工具，可以导入PDF文档后一键生成对应的PNG图片。PDF图片转换小工具使用的中间件：pyth- 前言最近，老板让写一个程序把yolov5检测模型部署到web端，在网页直接进行目标检测。经过1个星期的努力，终于实现基本功能??（累晕了）。
- 查询mysql表是否被损坏命令，如下：# CHECK TABLE 表名mysql的长期使用，肯定会出现一些问题，一般情况下mysql表无法访
- 前言为了数据安全，数据库需要定期备份，这个大家都懂，然而数据库备份的时候，最怕写操作，因为这个最容易导致数据的不一致，松哥举一个简单的例子大
- 一、CrawlSpider类介绍1.1 引入使用scrapy框架进行全站数据爬取可以基于Spider类，也可以使用接下来用到的CrawlSp
- //香水坏坏 AT 06-07-25 //郁闷的事情总是接连不断，无形的压力来自内心的恐惧 大家在用.net进行数据操作
- 设计一个算法，将URL转换成5部分，分别是：schema、netloc、path、query_params、fragment。问题URL的中
- 进程和线程的区别进程是对运行时程序的封装，是系统资源调度和分配的基本单位线程是进程的子任务，cpu调度和分配的基本单位，实现进程内并发。一个
- 1、顺序表介绍顺序表是最简单的一种线性结构，逻辑上相邻的数据在计算机内的存储位置也是相邻的，可以快速定位第几个元素，中间不允许有空，所以插入
- 描述exp() 方法返回x的指数,ex。语法以下是 exp() 方法的语法:import mathmath.exp( x )注意：exp()
- 如下所示：import ospath="/home/test/" #待读取的文件夹path_list=os.listdi
- nodejs和nginx都可以反向代理，解决跨域问题。本地服务const express = require('express
- 动态变量名赋值在使用 tkinter 时需要动态生成变量，如动态生成 var1...var10 变量。使用 exec 动态赋值exec 在
- 本文实例讲述了Python常见数据结构之栈与队列用法。分享给大家供大家参考，具体如下：Python常见数据结构之-栈首先，栈是一种数据结构。
- 本文实例讲述了PHP类的特性。分享给大家供大家参考，具体如下：对象向下传递特性当一个对象调用一个实例方法，然后在该方法中又去静态调用另一个类
- 如果遇到与文件许可有关的问题，可能数启动mysqld时UMASK环境变量设置得不正确。例如，当你创建表时，MySQL可能会发出下述错误消息：
- 接触 Python 不久，看到很多人写2048，自己也捣鼓了一个，主要是熟悉Python语法。程序使用Python3 写的，代码150行左右
- 机器学习分两大类，有监督学习(supervised learning)和无监督学习(unsupervised learning)。有监督学习
- #include <string>#include <iostream>using namespace std; v
