thinkphpvue.js404的简单介绍

vue项目打包部署到nginx上访问404

1、这个故障代码是文件没有访问权限。开发环境中的public到nginx上当然就成生产环境，提示403是因为服务器识别到存在的文件但是没有访问权限。但这个时候去深究开发生产的publicPath路径问题或是服务端文件的读取权限就找错方向。

2、遇到的问题使用webpack打包vue后，将打包好的文件，发布到Tomcat上，访问成功，但是刷新后页面报404错。

3、本来用 vue 简单的写了一个小工具，直接上线了，配置完域名和 https 本来想着可以成功访问了，结果出现了 403 错误页面。查找资料得知几种解决方法，记录一下。

相关问答

Q1: 如何解决Vue路由Historymode模式中页面无法渲染

1、通过缩放视口或者鼠标移动到滚动条处可以让隐藏的dom正常显示，猜想可能由于某些原因导致页面初始化渲染异常，解决方法尝试在数据加载之后手动改变元素宽高重新渲染页面。

2、解决的办法：将路由配置中history改为hash，将链接中/first改为/#/first。问题解决。===20124更新=== 又找了点资料发现，其实router的mode使用history是可以的。是我在做跳转的时候出现了问题。

3、问题背景：vue-router 默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使用路由的history的模式。

4、因此点击相同路由，vue路由系统不做任何的响应。解决方案思路： vue的路由机制是无法改变的，但是结合我们的项目发现，如果点击相同的路由，我们可以动态的销毁当前组件，再重新加载，这样就达到了重新渲染的效果。

5、这次给大家带来vue渲染页面闪烁{{}}如何处理，vue渲染页面闪烁{{}}处理的注意事项有哪些，下面就是实战案例，一起来看一下。

6、vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

Q2: Vue项目webpack打包部署时Tomcat刷新报404错误问题如何处理

重新部署即可。这是一个最常见的问题，也是最难排查的问题，但年困惑了我久...跳转地址有误，很基础的错误，试着在浏览器地址栏中看看跳转地址有没有出现重复地址，多余的/，以及是否正确使用.和..。

正确的端口号 出现404错误证明，TOMCAT是启动成功了的。

异常大多情况是路径错误、web.xml文件映射路径写错、服务器设置、servlet的jar包未导进去或者没有随项目发布等等。如果是路径错误，仔细检查即可解决问题。

thinkphpvue.js404的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、thinkphpvue.js404的信息别忘了在本站进行查找喔。