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乱码的一次解决过程 图解教程
Feb 20 Javascript
JavaScript获取当前页面上的指定对象示例代码
Feb 28 Javascript
Web前端开发工具——bower依赖包管理工具
Mar 29 Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
MUI 上拉刷新/下拉加载功能实例代码
Apr 13 Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 Javascript
import与export在node.js中的使用详解
Sep 28 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
Mar 08 Javascript
vue学习笔记之Vue中css动画原理简单示例
Feb 29 Javascript
JS获取当前时间戳方法解析
Aug 29 Javascript
JavaScript 生成唯一ID的几种方式
Feb 19 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中SESSION使用中的一点经验总结
2012/03/30 PHP
php登陆页的密码处理方式分享
2013/10/14 PHP
又一个PHP实现的冒泡排序算法分享
2014/08/21 PHP
php实现递归的三种基本方式
2020/07/04 PHP
详解yii2使用多个数据库的案例
2017/06/16 PHP
PHP结合Vue实现滚动底部加载效果
2017/12/17 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
JavaScript继承方式实例
2010/10/29 Javascript
IFrame跨域高度自适应实现代码
2012/08/16 Javascript
原生js和jquery实现图片轮播特效
2015/04/23 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
JS验证字符串功能
2017/02/22 Javascript
微信小程序实战篇之购物车的实现代码示例
2017/11/30 Javascript
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
2018/05/04 Javascript
10分钟彻底搞懂Http的强制缓存和协商缓存(小结)
2018/08/30 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
React 全自动数据表格组件——BodeGrid的实现思路
2019/06/12 Javascript
vue el-upload上传文件的示例代码
2020/12/21 Vue.js
python: 自动安装缺失库文件的方法
2018/10/22 Python
centos7之Python3.74安装教程
2019/08/15 Python
python+django+rest框架配置创建方法
2019/08/31 Python
python每5分钟从kafka中提取数据的例子
2019/12/23 Python
python正则表达式实例代码
2020/03/03 Python
PyQt5 界面显示无响应的实现
2020/03/26 Python
python实现简单猜单词游戏
2020/12/24 Python
医学护理毕业生自荐信
2013/11/07 职场文书
《姥姥的剪纸》教学反思
2014/02/25 职场文书
测绘工程专业求职信
2014/07/15 职场文书
党校学习党性分析材料
2014/12/19 职场文书
电影雨中的树观后感
2015/06/15 职场文书
600字作文之感受大自然
2019/11/27 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python
详解用Python把PDF转为Word方法总结
2021/04/27 Python
Log4j.properties配置及其使用
2021/08/02 Java/Android