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 相关文章推荐
jquery 最简单易用的表单验证插件
Feb 27 Javascript
javascript拓展DOM操作 prependChild insertAfert
Nov 17 Javascript
深入理解javascript严格模式(Strict Mode)
Nov 28 Javascript
javascript实现在线客服效果
Jul 15 Javascript
javascript中call apply 与 bind方法详解
Mar 10 Javascript
详解网站中图片日常使用以及优化手法
Jan 09 Javascript
js 递归和定时器的实例解析
Feb 03 Javascript
JQuery选中select组件被选中的值方法
Mar 08 jQuery
animate.css在vue项目中的使用教程
Aug 05 Javascript
Vue组件创建和传值的方法
Aug 17 Javascript
layui点击数据表格添加或删除一行的例子
Sep 12 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
Nov 03 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原生函数一定好吗?
2014/12/08 PHP
php实现Mongodb自定义方式生成自增ID的方法
2015/03/23 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
Alliance vs AM BO3 第一场2.13
2021/03/10 DOTA
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
javascript实现画不相交的圆
2015/04/07 Javascript
理解javascript中的with关键字
2016/02/15 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
2016/12/20 Javascript
extjs简介_动力节点Java学院整理
2017/07/17 Javascript
微信web端后退强制刷新功能的实现代码
2018/03/04 Javascript
用Node编写RESTful API接口的示例代码
2018/07/04 Javascript
vue3.0中的双向数据绑定方法及优缺点
2019/08/01 Javascript
小程序跨页面交互的作用与方法详解
2020/01/07 Javascript
[01:10:57]Liquid vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Django中的CACHE_BACKEND参数和站点级Cache设置
2015/07/23 Python
python+Django+apache的配置方法详解
2016/06/01 Python
Python实现的人工神经网络算法示例【基于反向传播算法】
2017/11/11 Python
django中的图片验证码功能
2019/09/18 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
Python 实现将numpy中的nan和inf,nan替换成对应的均值
2020/06/08 Python
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
amazeui时间组件的实现示例
2020/08/18 HTML / CSS
aden + anais官方网站:婴儿襁褓、毯子、尿布和服装
2017/06/21 全球购物
OLEDBConnection和SQLConnection有什么区别
2013/05/31 面试题
几个Shell Script面试题
2014/04/18 面试题
请问软件开发中的设计模式你会使用哪些
2015/05/13 面试题
电子商务专业学生的自我鉴定
2013/11/28 职场文书
电焊工工作岗位职责
2014/02/06 职场文书
学习决心书范文
2014/03/11 职场文书
国旗下讲话演讲稿
2014/05/08 职场文书
教师党员批评与自我批评
2014/10/15 职场文书
有限责任公司股东合作协议书
2014/12/02 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
2019公司管理制度
2019/04/19 职场文书
mysql如何查询连续记录
2022/05/11 MySQL