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
参考: