宝哥软件园

在vue-cli历史模式下实现tomcat部署报告404的解决方案

编辑:宝哥软件园 来源:互联网 时间:2021-08-20

路线#在vue-cli的开发过程中并不好看。如果可以使用历史模式,那么进入开发模式就可以了。部署到服务器后,访问路径是404。在这种情况下,有必要配置服务器的默认访问路径。index.html。官网只提供了apache和nginx的配置方法,没有提供tomcat的配置方法。下面是一个完成整个配置的例子。

示例:vue-cli项目使用路由,tomcat作为服务器,项目文件夹名为myvue

1.由1.npm运行构建包生成的构建文件夹中的内容被复制到myvue文件夹,如下所示:

2.在2.myvue文件夹下新建一个WEB-INF/web.xml,添加如下所示的404个错误跳转路径:

3.3.vue-cli项目配置/index.js配置assets publicatpath :/' myvue/'项目包名称

4.vue-cli项目src/router/index.js配置mode3360' history ',base:'/myvue/'

在上述vue-cli配置和tomcat部署完成后,启动tomcat服务器并访问路径项名称myvue。ok可以正确访问。

如果不设置服务器的index.html,也可以直接在vue-cli项目src/router/index.js中的path:'/myvue/order-search '中配置包名,也可以解决这个问题

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

更多资讯
游戏推荐
更多+