当前位置:主页 > vue.js教程 > vue下使用nginx刷新页面404的问题解决

vue在nginx下页面刷新出现404问题解决方案

发布:2020-02-29 16:20:27 199


为找教程的网友们整理了vue相关的编程文章,网友聂焱霞根据主题投稿了本篇教程内容,涉及到vue、nginx、404、vue下使用nginx刷新页面404的问题解决相关内容,已被424网友关注,如果对知识点想更进一步了解可以在下方电子资料中获取。

vue下使用nginx刷新页面404的问题解决

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; 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。


参考资料

相关文章

  • 详解vue的双向绑定原理及实现

    详解vue的双向绑定原理及实现

    发布:2022-08-01

    给网友朋友们带来一篇关于vue的教程,这篇文章主要介绍了vue双向绑定原理及实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


  • 在vue项目中使用layui框架的方法及采坑总结

    发布:2019-09-16

    这篇文章主要介绍了vue使用layui框架,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


  • vue项目打包后通过百度的BAE发布到网上流程步骤

    发布:2019-08-02

    这篇文章主要介绍了将vue的项目打包后通过百度的BAE发布到网上的流程,主要运用的技术是vue+express+git+百度的应用引擎BAE。需要的朋友可以参考下


  • 详解vue组件中使用iframe元素

    发布:2020-03-17

    本篇文章主要介绍了vue组件中使用iframe元素的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • Vue 中正确引入第三方模块的具体操作

    发布:2020-04-13

    这篇文章主要介绍了Vue 中如何正确引入第三方模块的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学


  • vue在自定义组件中使用v-model的方法

    发布:2020-04-26

    本篇文章主要介绍了vue如何在自定义组件中使用v-model,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • vue中post请求以a=a&b=b的格式问题整理

    发布:2019-11-12

    这篇文章主要介绍了vue中post请求以a=ab=b 的格式写遇到的问题,需要的朋友可以参考下


  • Vue中是如何监听Array的变化

    发布:2020-02-29

    这篇文章主要介绍了详解Vue 如何监听Array的变化,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


网友讨论