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 04 Javascript
一个可拖拽列宽表格实例演示
Nov 26 Javascript
jquery多选项卡效果实例代码(附效果图)
Mar 23 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
D3.js实现文本的换行详解
Oct 14 Javascript
基于jQuery实现弹幕APP
Feb 10 Javascript
Vuex之理解Store的用法
Apr 19 Javascript
原生js封装的ajax方法示例
Aug 02 Javascript
ES6 Promise对象概念及用法实例详解
Oct 15 Javascript
vue导航栏部分的动态渲染实例
Nov 01 Javascript
jQuery实现弹幕特效
Nov 29 jQuery
超轻量级的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/06/22 PHP
ThinkPHP中Session用法详解
2014/11/29 PHP
php发送与接收流文件的方法
2015/02/11 PHP
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
jquery cookie插件代码类
2009/05/26 Javascript
JS小框架 fly javascript framework
2009/11/26 Javascript
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
juqery 学习之四 筛选过滤
2010/11/30 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
2013/09/21 Javascript
jquery简单实现滚动条下拉DIV固定在头部不动
2013/11/25 Javascript
jquery垂直公告滚动实现代码
2013/12/08 Javascript
Jquery 获取对象的几种方式介绍
2014/01/17 Javascript
JavaScript实现简单的数字倒计时
2015/05/15 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
2016/01/04 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
2016/05/18 Javascript
BootStrap中Tab页签切换实例代码
2016/05/30 Javascript
浅谈jquery中使用canvas的问题
2016/10/10 Javascript
JS对大量数据进行多重过滤的方法
2016/11/04 Javascript
JS Select下拉框(支持输入模糊查询)
2017/02/04 Javascript
Vue form 表单提交+ajax异步请求+分页效果
2017/04/22 Javascript
vue解决一个方法同时发送多个请求的问题
2018/09/25 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
2019/05/15 Javascript
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀
2014/07/10 DOTA
Python 调用DLL操作抄表机
2009/01/12 Python
Python图算法实例分析
2016/08/13 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
对Pytorch神经网络初始化kaiming分布详解
2019/08/18 Python
python将字典列表导出为Excel文件的方法
2019/09/02 Python
python实现图片转字符画的完整代码
2021/02/21 Python
CSS3圆角边框和边界图片效果实例
2016/07/01 HTML / CSS
个人简历自荐信
2014/06/26 职场文书
旅游项目合作意向书
2015/05/08 职场文书
汶川大地震感悟
2015/08/10 职场文书
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server
使用Cargo工具高效创建Rust项目
2022/08/14 Javascript