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实现self的resend
Jul 22 Javascript
常用javascript表单验证汇总
Jul 20 Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 Javascript
jquery中用jsonp实现搜索框功能
Oct 18 Javascript
javascript实现一个网页加载进度loading
Jan 04 Javascript
webpack学习笔记之代码分割和按需加载的实例详解
Jul 20 Javascript
vue树形结构获取键值的方法示例
Jun 21 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
Jan 08 Javascript
node.js实现微信开发之获取用户授权
Mar 18 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
May 10 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
May 27 Javascript
vue element el-transfer增加拖拽功能
Jan 15 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
php xml常用函数的集合(比较详细)
2013/06/06 PHP
php截取字符串之截取utf8或gbk编码的中英文字符串示例
2014/03/12 PHP
PHP中cookie知识点学习
2018/05/06 PHP
PHP大文件切割上传功能实例分析
2019/07/01 PHP
解决laravel5中auth用户登录其他页面获取不到登录信息的问题
2019/10/08 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
IE iframe的onload方法分析小结
2010/01/07 Javascript
基于jQuery的消息提示插件 DivAlert之旅(二)
2010/04/01 Javascript
浏览器的JavaScript引擎的识别方法
2013/10/20 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
使用node.js半年来总结的 10 条经验
2014/08/18 Javascript
js编写当天简单日历效果【实现代码】
2016/05/03 Javascript
jQuery异步提交表单实例
2017/05/30 jQuery
Async Validator 异步验证使用说明
2017/07/03 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
jquery实现二级导航下拉菜单效果实例
2019/05/14 jQuery
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
2019/11/12 Javascript
JavaScript实现简单的计算器
2020/01/16 Javascript
布同 Python中文问题解决方法(总结了多位前人经验,初学者必看)
2011/03/13 Python
跟老齐学Python之有容乃大的list(3)
2014/09/15 Python
python操作oracle的完整教程分享
2018/01/30 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
Python从函数参数类型引出元组实例分析
2019/05/28 Python
Python基于locals返回作用域字典
2020/10/17 Python
HTML5实现无刷新修改URL的方法
2019/11/14 HTML / CSS
纽约海:Sea New York
2018/11/04 全球购物
学前教育教师求职自荐信
2013/09/22 职场文书
咖啡店自主创业商业计划书
2014/01/22 职场文书
市政工程技术专业自荐书
2014/07/06 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
雷峰塔导游词
2015/02/09 职场文书
开业庆典嘉宾致辞
2015/08/01 职场文书
初中运动会闭幕词范本3篇
2019/12/09 职场文书
导游词之河北野三坡
2019/12/11 职场文书
QT与javascript交互数据的实现
2021/05/26 Javascript
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript