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小知识
Oct 15 Javascript
zTree插件之多选下拉菜单实例代码
Nov 06 Javascript
JS关键字球状旋转效果的实例代码
Nov 29 Javascript
为开发者准备的10款最好的jQuery日历插件
Feb 04 Javascript
JavaScript合并两个数组并去除重复项的方法
Jun 13 Javascript
实现easyui的datagrid导出为excel的示例代码
Nov 10 Javascript
简单实现Bootstrap标签页
Aug 09 Javascript
限时抢购-倒计时的完整实例(分享)
Sep 17 Javascript
React全家桶环境搭建过程详解
May 18 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
Jul 06 Javascript
VUE实现强制渲染,强制更新
Oct 29 Javascript
利用js实现简易红绿灯
Oct 15 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 和 MYSQL
2006/10/09 PHP
PHP类与对象中的private访问控制的疑问
2012/11/01 PHP
PHP中常见的缓存技术实例分析
2015/09/23 PHP
详解PHP中curl_multi并发的实现
2020/06/08 PHP
js模拟滚动条(横向竖向)
2013/02/22 Javascript
JS模块与命名空间的介绍
2013/03/22 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
2014/11/23 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
2015/09/04 Javascript
深入理解JS addLoadEvent函数
2016/05/20 Javascript
webpack 1.x升级过程中的踩坑总结大全
2017/08/09 Javascript
js使用原型对象(prototype)需要注意的地方
2017/08/28 Javascript
结合Vue控制字符和字节的显示个数的示例
2018/05/17 Javascript
vuejs 动态添加input框的实例讲解
2018/08/24 Javascript
微信小程序实现底部导航
2018/11/05 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
JavaScript惰性载入函数实例分析
2019/03/27 Javascript
Weex开发之地图篇的具体使用
2019/10/16 Javascript
npm qs模块使用详解
2020/02/07 Javascript
[01:16:50]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第一场 3月7日
2021/03/11 DOTA
用python实现的可以拷贝或剪切一个文件列表中的所有文件
2009/04/30 Python
零基础写python爬虫之urllib2中的两个重要概念:Openers和Handlers
2014/11/05 Python
python实现的简单抽奖系统实例
2015/05/22 Python
python 中split 和 strip的实例详解
2017/07/12 Python
Python中Numpy ndarray的使用详解
2019/05/24 Python
Python3实现监控新型冠状病毒肺炎疫情的示例代码
2020/02/13 Python
python PIL模块的基本使用
2020/09/29 Python
CSS3 滤镜 webkit-filter详细介绍及使用方法
2012/12/27 HTML / CSS
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
中考标语大全
2014/06/05 职场文书
社区服务标语
2014/07/01 职场文书
质量负责人岗位职责
2015/02/15 职场文书
医德医风个人总结
2015/02/28 职场文书
办公经费申请报告
2015/05/15 职场文书
小数乘法教学反思
2016/02/22 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python
python中的mysql数据库LIKE操作符详解
2021/07/01 MySQL