1- config文件夹index.js,build下的 assetsPublicPath 改为 ‘/ec/’,名字根据项目自己定义 2- router文件夹下的index.Js, mode: ‘history’ , base: ‘/ec/’,与 assetsPublicPath 相同 3- static同级创建 WEB-INF/web.xml 文件夹,用来404时,重定回index.html页面 <?xml version="1.0" encoding="UTF-...
一、Vue项目部署到nginx刷新报404: #HTML5 History模式: vue-router默认hash模式---使用URL的hash来模拟一个完整的URL,于是当URL改变时,页面不会重新加载。 如果不想很丑的hash,我们可以使用路由的history模式,这种模式充分利用history.pushState API来完成URL跳转而无需重新加载页面。 修改为history模式在创建VueRouter...
vue history模式打包放到tomcat后访问成功,正常点击跳转都正常,但是刷新该页面后报404错误。 问题原因 其主要原因就是history模式导致的, 具体可以看下官方解释 History 模式官方解释 官方解释 解决方法 看上图, 官方给的解决方案原理:要在服务端增加一个覆盖所有情况的候选资源,如果url匹配不到任何静态资源,则返回同一...
1、首先打包之前需要修改config文件夹下的index.js 2、其次记得要添加404路由页面 3、在tomcat的webapps下的前端文件夹下新建WEB-INF文件夹,并在该文件夹下建立web.xml文件,具体内容如下 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/j...; xmlns:xsi="http...
一、Vue项目部署到nginx刷新报404: #HTML5 History模式: vue-router默认hash模式---使用URL的hash来模拟一个完整的URL,于是当URL改变时,页面不会重新加载。 如果不想很丑的hash,我们可以使用路由的history模式,这种模式充分利用history.pushState API来完成URL跳转而无需重新加载页面。
使用webpack打包vue后, 将打包好的文件, 发布到tomcat上, 访问成功,但是刷新该页面后报404错误。 问题根源: 是html5 history模式引发的问题, 具体的原因, 官方那个已经给了解释,查看 https://router.vuejs.org/zh-cn/essentials/history-mode.html ...
history模式除了部署tomcat你还要配置nginx,目的是让404请求也转向index.html页面 location /shop { proxy_intercept_errors on; proxy_pass http://xxx; proxy_set_header Host $host; proxy_redirect off; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_he...
二、vue项目路由在history模式下布置在Tomcat刷新会出现404问题,解决方案(需要根据前端的实际情况进行配置) a、在tomcat的webapps下的前端文件夹下新建WEB-INF文件夹,并在该文件夹下建立web.xml文件,具体内容如下 b、web.xml文件内容 <?xml version="1.0" encoding="UTF-8"?> ...
然后，前端还需要配置下route，配置⼀个覆盖所有的路由情况，然后在给出⼀个 404 页⾯。代码如下：const router = new VueRouter({ mode: 'history',routes: [ { path: '*', component: (resolve) => require(['./views/error404.vue'], resolve) } ]})然后重新启动tomcat，刷新页⾯...
访问Vue项目:现在,您可以通过在浏览器中输入http://localhost:8080/my-vue-project来访问部署在Tomcat服务器上的Vue项目。请注意,如果您使用的是自定义端口,请将8080替换为您实际使用的端口号。 问题2:我在访问Tomcat下的Vue项目时遇到404错误,该怎么办?