vue下使用nginx刷新页面404的问题解决


Posted in Javascript onAugust 02, 2019

nginx 是一个代理的服务器。

出现的问题:写好的页面通过nginx作为代理的服务器给别的同事看的时候发现了新写的页面打开就404,并且从其他页面跳转可以看到但是刷新页面就404。

解决方法:

在文件中的nginx.conf文件中修改,代码如下

server {
    listen    YYYY;  //自己设置的端口号
    server_name 192.168.XXX.XXX;  //在黑窗口下ipconifg后出现的IPv4地址复制
     
    location /{
      root E:/website_wap/dist/;  //项目打包后的路径
      index index.html index.htm;
      try_files $uri $uri/ /index.html;  //解决刷新页面变成404问题的代码
    } 
  }

访问的地址就是192.168.XXX.XXX:YYYY

一定要记得先npm run build 哦~(我就是在凑字数!!)

解决代码:

try_files $uri $uri/ /index.html;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js变量以及其作用域详解
Jul 18 Javascript
jquery获得option的值和对option进行操作
Dec 13 Javascript
js实现的简单图片浮动效果完整实例
May 10 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 Javascript
jquery css实现邮箱自动补全
Nov 14 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
Jan 13 Javascript
基于JavaScript实现前端数据多条件筛选功能
Aug 19 Javascript
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
Vue中this.$router.push参数获取方法
Feb 27 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
vue组件系列之TagsInput详解
May 14 Javascript
Node.js 中如何收集和解析命令行参数
Jan 08 Javascript
超轻量级的js时间库miment使用解析
Aug 02 #Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
Aug 02 #Javascript
微信小程序中悬浮窗功能的实现代码
Aug 02 #Javascript
微信小程序的授权实现过程解析
Aug 02 #Javascript
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 #jQuery
用 js 写一个 js 解释器过程详解
Aug 02 #Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
Aug 02 #Javascript
You might like
PHP中Fatal error session_start()错误解决步骤
2014/08/05 PHP
PHP三种方式实现链式操作详解
2017/01/21 PHP
可缩放Reloaded-一个针对可缩放元素的复用组件
2007/03/10 Javascript
学习ExtJS 访问容器对象
2009/10/07 Javascript
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
2009/11/30 Javascript
JavaScript Event学习补遗 addEventSimple
2010/02/11 Javascript
JQuery从头学起第三讲
2010/07/06 Javascript
dotopAlert 提示用户需安装播放器的代码
2012/09/17 Javascript
javascript结合Canvas 实现简易的圆形时钟
2015/03/11 Javascript
Js动态设置rem来实现移动端字体的自适应代码
2016/10/14 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
2016/12/27 Javascript
原生js实现商品放大镜效果
2017/01/12 Javascript
jQuery插件zTree实现更新根节点中第i个节点名称的方法示例
2017/03/08 Javascript
nodejs批量下载图片的实现方法
2017/05/19 NodeJs
JavaScript与Java正则表达式写法的区别介绍
2017/08/15 Javascript
详解使用angular的HttpClient搭配rxjs
2017/09/01 Javascript
微信小程序云开发 生成带参小程序码流程
2019/05/18 Javascript
Vue使用NProgress的操作过程解析
2019/10/10 Javascript
JS数组及对象遍历方法代码汇总
2020/06/16 Javascript
[03:24]DOTA2超级联赛专访hao 大翻盘就是逆袭
2013/05/24 DOTA
[38:32]完美世界DOTA2联赛循环赛 Forest vs DM 第二场 11.06
2020/11/06 DOTA
Python heapq使用详解及实例代码
2017/01/25 Python
Python读取指定目录下指定后缀文件并保存为docx
2017/04/23 Python
Python之str操作方法(详解)
2017/06/19 Python
Python 3.6 性能测试框架Locust安装及使用方法(详解)
2017/10/11 Python
利用Python代码实现数据可视化的5种方法详解
2018/03/25 Python
python多进程提取处理大量文本的关键词方法
2018/06/05 Python
python deque模块简单使用代码实例
2020/03/12 Python
python如何求100以内的素数
2020/05/27 Python
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
2013/01/09 HTML / CSS
护理目标管理责任书
2014/07/25 职场文书
2014教师个人自我评价范文
2014/09/13 职场文书
群众路线专项整治工作情况报告
2014/10/28 职场文书
英语通知范文
2015/04/22 职场文书
采购员工作总结范文
2015/08/12 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书