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

 

参考:


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM