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 相关文章推荐
JavaScript 面向对象的 私有成员和公开成员
May 13 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
JavaScript中的单引号和双引号报错的解决方法
Sep 01 Javascript
Javascript 中创建自定义对象的方法汇总
Dec 04 Javascript
javascript正则表达式使用replace()替换手机号的方法
Jan 19 Javascript
在jQuery中使用$而避免跟其它库产生冲突的方法
Aug 13 Javascript
jQuery实现点击小图显示大图代码分享
Aug 25 Javascript
js 截取或者替换字符串中的数字实现方法
Jun 13 Javascript
jQuery ztree实现动态树形多选菜单
Aug 12 Javascript
微信小程序 for 循环详解
Oct 09 Javascript
jQuery-ui插件sortable实现自由拖动排序
Dec 01 jQuery
JS自定义滚动条效果
Mar 13 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
echo(),print(),print_r()之间的区别?
2006/11/19 PHP
深入apache配置文件httpd.conf的部分参数说明
2013/06/28 PHP
IE和Firefox下javascript的兼容写法小结
2008/12/10 Javascript
window.onload 加载完毕的问题及解决方案(下)
2009/07/09 Javascript
JavaScript获取客户端IP的方法(新方法)
2016/03/11 Javascript
JS for...in 遍历语句用法实例分析
2016/08/24 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
使用Bootstrap美化按钮实例代码(demo)
2017/02/03 Javascript
微信小程序 使用腾讯地图SDK详解及实现步骤
2017/02/28 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
2017/03/02 Javascript
js使用原型对象(prototype)需要注意的地方
2017/08/28 Javascript
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
vue+egg+jwt实现登录验证的示例代码
2019/05/18 Javascript
Vue 列表上下过渡效果的实例代码
2019/06/25 Javascript
解密Python中的描述符(descriptor)
2015/06/03 Python
Python通过DOM和SAX方式解析XML的应用实例分享
2015/11/16 Python
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
Python实现的下载网页源码功能示例
2017/06/13 Python
python操作xlsx文件的包openpyxl实例
2018/05/03 Python
在python中实现强制关闭线程的示例
2019/01/22 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
python DES加密与解密及hex输出和bs64格式输出的实现代码
2020/04/13 Python
CSS3实现背景透明文字不透明的示例代码
2018/06/25 HTML / CSS
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
机电一体化自荐信
2013/12/10 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
篝火晚会策划方案
2014/05/16 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书
毕业生实习期转正自我鉴定
2014/09/26 职场文书
基层党员四风问题自我剖析材料
2014/09/29 职场文书
房产协议书范本2014
2014/09/30 职场文书
大学生社会实践感想
2015/08/11 职场文书
奖学金申请书(范文)
2019/08/14 职场文书
go语言-在mac下brew升级golang
2021/04/25 Golang
基于redis+lua进行限流的方法
2022/07/23 Redis