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遍历input取得input的name
Apr 27 Javascript
img标签中onerror用法
Aug 13 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
Dec 08 Javascript
用JavaScript实现类似于ListBox功能示例代码
Mar 09 Javascript
Vuex之理解Mutations的用法实例
Apr 19 Javascript
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
原生js的ajax和解决跨域的jsonp(实例讲解)
Oct 16 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
Jul 07 Javascript
webpack 开发和生产并行设置的方法
Nov 08 Javascript
bootstrap table实现合并单元格效果
Dec 24 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
Nov 06 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
Nov 12 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版)
2006/10/09 PHP
php使用curl发送json格式数据实例
2013/12/17 PHP
js和php邮箱地址验证的实现方法
2014/01/09 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
PHP随机生成中文段落示例【测试网站内容时使用】
2020/04/26 PHP
图片无缝滚动代码(向左/向下/向上)
2013/04/10 Javascript
JS数组去重与取重的示例代码
2014/01/24 Javascript
JQuery中serialize()用法实例分析
2015/02/06 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
简单讲解AngularJS的Routing路由的定义与使用
2016/03/05 Javascript
详解VueRouter进阶之导航钩子和路由元信息
2017/09/13 Javascript
JS Input里添加小图标的两种方法
2017/11/11 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
2018/04/12 jQuery
浅谈小程序 setData学问多
2019/02/20 Javascript
Javascript读取上传文件内容/类型/字节数
2019/04/30 Javascript
微信小程序中限制激励式视频广告位显示次数(实现思路)
2019/12/06 Javascript
Vue 自适应高度表格的实现方法
2020/05/13 Javascript
[06:25]DOTA2英雄梦之声_第17期_大地之灵
2014/06/20 DOTA
用pywin32实现windows模拟鼠标及键盘动作
2014/04/22 Python
python中pandas.DataFrame对行与列求和及添加新行与列示例
2017/03/12 Python
Pycharm学习教程(5) Python快捷键相关设置
2017/05/03 Python
python实现mysql的读写分离及负载均衡
2018/02/04 Python
python: line=f.readlines()消除line中\n的方法
2018/03/19 Python
PyQt5每天必学之组合框
2018/04/20 Python
Python制作微信好友背景墙教程(附完整代码)
2019/07/17 Python
Python 批量读取文件中指定字符的实现
2020/03/06 Python
python自动脚本的pyautogui入门学习
2020/04/01 Python
CSS3制作ajax loader icon实现思路及代码
2013/08/25 HTML / CSS
统计员岗位职责
2013/11/14 职场文书
文秘人员工作职责
2014/01/31 职场文书
学校出纳员岗位职责
2014/03/18 职场文书
校庆活动策划方案
2014/06/05 职场文书
2015小学教育教学工作总结
2015/07/21 职场文书
导游词之苏州阳澄湖
2019/11/15 职场文书
php引用传递
2021/04/01 PHP