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页面滚动时层智能浮动定位实现(jQuery/MooTools)
Aug 23 Javascript
js动态往表格的td中添加图片并注册事件
Jun 12 Javascript
jQuery Migrate 1.1.0 Released 注意事项
Jun 14 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
Angular2内置指令NgFor和NgIf详解
Aug 03 Javascript
详解JavaScript RegExp对象
Feb 04 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
May 11 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
微信小程序实现点击按钮后修改颜色
Dec 05 Javascript
ES2020 新特性(种草)
Jan 12 Javascript
Vue 数据响应式相关总结
Jan 28 Vue.js
vue实现滑动解锁功能
Mar 03 Vue.js
超轻量级的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
什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)
2021/03/01 无线电
简单的php数据库操作类代码(增,删,改,查)
2013/04/08 PHP
php定时执行任务设置详解
2015/02/06 PHP
PHP编辑器PhpStrom运行缓慢问题
2017/02/21 PHP
php+croppic.js实现剪切上传图片功能
2018/08/14 PHP
PHP PDOStatement::errorInfo讲解
2019/01/31 PHP
jqPlot 基于jquery的画图插件
2011/04/26 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
javaScript如何处理从java后台返回的list
2014/04/24 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
Javascript实现字数统计
2015/07/03 Javascript
js jquery获取当前元素的兄弟级 上一个 下一个元素
2015/09/01 Javascript
JavaScript模版引擎的基本实现方法浅析
2016/02/15 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
2016/12/02 Javascript
JS库之ParticlesJS使用简介
2017/09/12 Javascript
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
javascript 高级语法之继承的基本使用方法示例
2019/11/11 Javascript
详解elementUI中input框无法输入的问题
2020/04/27 Javascript
python中合并两个文本文件并按照姓名首字母排序的例子
2014/04/25 Python
教你利用Python玩转histogram直方图的五种方法
2018/07/30 Python
深入理解Python异常处理的哲学
2019/02/01 Python
通过python连接Linux命令行代码实例
2020/02/18 Python
Pycharm IDE的安装和使用教程详解
2020/04/30 Python
Flask缓存静态文件的具体方法
2020/08/02 Python
html5使用canvas实现图片下载功能的示例代码
2017/08/26 HTML / CSS
Seavenger官网:潜水服、浮潜、靴子和袜子
2020/03/05 全球购物
大学生标准自荐书
2014/06/15 职场文书
医院义诊活动总结
2014/07/04 职场文书
新员工考核评语
2014/12/31 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书
golang 如何用反射reflect操作结构体
2021/04/28 Golang
Apache Hudi数据布局黑科技降低一半查询时间
2022/03/31 Servers