vue3.0项目部署到tomcat服务器

一、问题描述

用vue-cli 3.0搭建的vue项目,在使用命令 npm run buid 打包,部署到linux服务器之后,访问该网站根目录第一次默认进入index界面,但是再次刷新出现404错误。

 

二、问题分析

实际上第一次输入的地址是根目录,服务器自动去寻找了index.html页面。也就是直接访问index.html页面是可以的,但是vue项目的路由不起作用(在浏览器地址栏直接输入index.html发现可以访问)。

 

三、解决方法

使用vue-cli 3.0创建的vue项目和2.0版本相比,目录结构并不相同,少了很多配置的文件。

vue-cli 3.0 可以在项目的根目录下新建一个 vue.config.js 文件,之前繁琐的配置都可以在这里直接配置。

参考官方文档:https://cli.vuejs.org/zh/config/#vue-config-js

 

 

官方文档地址:https://router.vuejs.org/zh/guide/essentials/history-mode.html

 

参考:

转载于:https://www.cnblogs.com/trnanks/p/11429466.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值