vue发布到nginx下请求后台404问题及解决

 更新时间:2024年03月12日 08:55:23   作者:liulang1905  
这篇文章主要介绍了vue发布到nginx下请求后台404问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue发布到nginx下请求后台404

先说下我的问题,在vue开始的时候配置了跨域代理,开始时没有问题,但是build 发布到nginx中时访问后台就404了,下面给出我的处理方法

先展示下错误的时候

这里是我登录的时候调用后端接口404没有资源

查看请求地址,发现我在vue里配置的代理地址没有生效,直接将我代理的那个前缀拼了上来,后又拼上了我需要请求的接口

个人分析原因

因为我这里需要跨域请求,在开发时配置了代理,但是在开始是使用的是 npm run 可能用的是node.js发布的就直接生效了 ,现在是用的nginx发布而本事配置的代理在这就失效了。

所以问题很简单就是尝试以下配置nginx代理是否可以解决问题,百度了以下nginx配置代理如下 

这里我们在nginx中的conf文件夹下的nginx.conf中添加配置

之后我们重启nginx 如果关闭不彻底,可以使用这个语句,在cmd直接执行

taskkill /f /t /im nginx.exe

启动之后正常了

最后改完发现这个请求地址和我之前分析的那个给我拼接的代理前缀好像没得毛关系。。

但是确实是nginx代理的问题

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue登录页面回车执行事件@keyup.enter.native问题

    vue登录页面回车执行事件@keyup.enter.native问题

    这篇文章主要介绍了vue登录页面回车执行事件@keyup.enter.native问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • vue中百度地图定位及附近搜索功能使用步骤

    vue中百度地图定位及附近搜索功能使用步骤

    这篇文章主要为大家介绍了vue中百度地图定位及附近搜索功能使用步骤详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • vue中setup语法糖写法实例

    vue中setup语法糖写法实例

    如果你在 vue3 开发中使用了语法的话,对于组件的name属性,需要做一番额外的处理,下面这篇文章主要给大家介绍了关于Vue3 setup语法糖的相关资料,需要的朋友可以参考下
    2022-12-12
  • 你点的 ES6一些小技巧,请查收

    你点的 ES6一些小技巧,请查收

    本文给大家总结ES6新特性:默认参数、reduce、解构赋值和Set在使用时的一些小技巧。需要的朋友参考下吧
    2018-04-04
  • Vue如何引入全局过滤器

    Vue如何引入全局过滤器

    这篇文章主要介绍了Vue如何引入全局过滤器问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • vue中添加mp3音频文件的方法

    vue中添加mp3音频文件的方法

    本篇文章主要介绍了vue中添加mp3音频文件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • Vue中el-tree树全部展开或收起的实现示例

    Vue中el-tree树全部展开或收起的实现示例

    本文主要介绍了Vue中el-tree树全部展开或收起的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • vue原理Compile之optimize标记静态节点源码示例

    vue原理Compile之optimize标记静态节点源码示例

    这篇文章主要为大家介绍了vue原理Compile之optimize标记静态节点源码示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 源码分析Vue3响应式核心之effect

    源码分析Vue3响应式核心之effect

    这篇文章主要为大家详细介绍了Vue3响应式核心之effect的相关知识,文中的示例代码讲解详细,对我们学习Vue3有一定的帮助,需要的可以参考一下
    2023-04-04
  • 用v-html解决Vue.js渲染中html标签不被解析的问题

    用v-html解决Vue.js渲染中html标签不被解析的问题

    这篇文章主要给大家介绍了如何利用v-html解决Vue.js渲染过程中html标签不能被解析,html标签显示为字符串的问题,文中通过图文介绍的很详细,有需要的朋友们可以参考借鉴,下面来一起看看吧。
    2016-12-12

最新评论