ruoyi若依前后端分离项目部署到服务器后,PUT DELETE请求403错误,GET POST请求正常

这篇具有很好参考价值的文章主要介绍了ruoyi若依前后端分离项目部署到服务器后,PUT DELETE请求403错误,GET POST请求正常。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

后端打包方式war,部署到tomcat8, PUT DELETE请求报403错误,网上有三种说法

第一种是跨域请求问题

WebMvcConfigurer中修改
@Override
    public void addCorsMappings(CorsRegistry corsRegistry){
        /**
         * 所有请求都允许跨域,使用这种配置就不需要
         * 在interceptor中配置header了
         */
        corsRegistry.addMapping("/**")
                .allowCredentials(true)
                .allowedOriginPatterns("*")
                .allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE")
                .allowedHeaders("*")
                .maxAge(3600);
    }

第二种是服务器没有放开了PUT DELETE请求,需要前端添加header

ruoyi vue 自动生成代码PUT DELETE为http不安全方法,这个怎么解决安全问题 · Issue #I43AX6 · 若依/RuoYi-Vue - Gitee.com

用域名访问接口, get和post请求均正常,而put和delete请求均无法正常使用_相约黄昏后007的博客-CSDN博客

将前端代码中的

method: 'put' 替换为
method: 'post',
myType: 'put'
替换 method: 'delete' 为
method: 'post',
myType: 'delete'

并更改 /src/utils/request.js 拦截请求,添加header

// request拦截器
service.interceptors.request.use(config => {
.........
    //为 method 原来为 put 和 delete 的请求,添加http头信息
    if (config.myType === 'delete') {
      config.headers['X-HTTP-Method-Override'] = 'DELETE'
    }
    if (config.myType === 'put') {
      config.headers['X-HTTP-Method-Override'] = 'PUT'
    }

服务器根据Header:X-HTTP-Method-Override,转换请求method
或在nginx层修改和转发,服务端不需要做任何处理即可,参考配置

#在nginx的server中添加
    set $method $request_method;
    if ($http_X_HTTP_Method_Override ~* 'DELETE') {
       set $method DELETE;
    }
		
    if ($http_X_HTTP_Method_Override ~* 'PUT') {
        set $method PUT;
    }
		
    proxy_method $method;
        
    location / { 
		......

第三种是tomcat 8以上不支持PUT DELETE,rest风格的api更适合将打包方式改成 jar,直接运行,目前看来第三种最有效。pom.xml修改打包方式为jar 终端运行命令:
nohup java -jar your_project.jar > your_project.log 2>&1 &
文章来源地址https://www.toymoban.com/news/detail-798084.html

到了这里,关于ruoyi若依前后端分离项目部署到服务器后,PUT DELETE请求403错误,GET POST请求正常的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 若依springboot+vue前后端分离系统部署到腾讯服务器教程

    前后端分离的开发模式在现代web应用开发中越来越流行,它可以提高开发效率、降低维护成本、提高系统的可扩展性和可维护性。而腾讯云作为国内领先的云计算服务提供商,为开发者提供了稳定、高效、安全的云计算服务,为前后端分离应用的部署提供了良好的解决方案。

    2024年02月04日
    浏览(66)
  • [ RuoYi ] 若依前后端分离 RuoYi-Vue 项目 war 包 Tomcat 项目部署

    Apache Tomcat® - Apache Tomcat 9 Software Downloads https://tomcat.apache.org/download-90.cgi Tomcat的主要特点和功能包括: ①Servlet和JSP容器:Tomcat作为一个Web服务器,可以解释执行Java Servlet和JSP代码,处理HTTP请求和响应,生成动态的Web页面。 ②独立性和易用性:Tomcat是一个独立的服务器,可以

    2024年02月07日
    浏览(58)
  • 若依框架(RuoYI)项目打包(jar)方法,部署到 Linux 服务器

    在若依框架的 bin 目录下,存在着三个 bat 文件,一个是清除之前的依赖的自动化 bat 脚本( clean.bat ),一个是自动化项目打包的 bat 脚本( package.bat ),一个是运行若依项目的脚本( run.bat ) 将ruoyi-admin 文件夹内的 pom.xml 文件内的 packaging 的值改成 jar 打包前,要清除之前的

    2024年02月12日
    浏览(67)
  • 服务器部署前后端分离项目

    做了一个前后端分离的项目来熟悉开发的整个流程,我把整个流程记录下来了,用作以后的参考。 安装jdk 1、在/usr/local目录下创建jdk文件夹,并将jdk安装包放到/usr/local/jdk包下并解压 1.1通过文件传输工具将jdk包上传到服务器上 1.2输入解压命令 1.3解压完成,生成下面的文件

    2023年04月22日
    浏览(58)
  • 前后端分离项目部署到服务器

    目录 一、准备服务器 1.1 服务器的购买 1.2 服务器的配置 1.3 nginx配置文件的编写 二、前端项目打包及部署 三、后端项目打包及部署 服务器购买可以在国内选择阿里云、腾讯云、百度云等等,至于国外服务器自行探索。 注:服务器在国内的网站需要进行ICP备案操作,服务器在

    2024年01月24日
    浏览(63)
  • 前后端分离项目的服务器部署

    系统环境简介: 本地操作系统:Mac OS Monterey 12.3.1 阿里云服务器:CentOS 7.8 后端开发工具:IntelliJ IDEA 前端开发工具:WebStorm 项目部署的前提条件: ① 需要购买一个域名,并且完成备案 ② 需要拥有一台公网服务器,以阿里云服务器为例 ③ 需要熟练掌握 Linux 操作系统的使用

    2024年02月04日
    浏览(55)
  • 手把手教你部署ruoyi前后端分离版本并解决部署到服务器上的Nginx后页面登录后点击注销显示Nginx404页面

    下载源码(当前版本3.8.5)RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本 (gitee.com) 创建数据库( 一定要是这三个,否则部署成功可能菜单乱码,我就是乱码后删库重新按照下图建的 ) 3. 项目导入IDEA,启动后端 4. 下载

    2024年02月05日
    浏览(61)
  • SpringBoot前后端分离项目,打包、部署到服务器详细图文流程

    1.修改MySQL配置 修改MySQL地址,修改需要部署的数据名,账号和密码 2.修改Redis配置 修改Redis地址,修改需要部署的Redis密码(如果需要的话) 3.修改日志路径和字符集配置 修改logback.xml中日志的保存地址 重新设置日志字符集(防止放到服务器上去之后日志出现乱码) 1.上传前

    2024年02月13日
    浏览(69)
  • Spring Boot+Vue前后端分离项目如何部署到服务器

    🌟 前言 欢迎来到我的技术小宇宙!🌌 这里不仅是我记录技术点滴的后花园,也是我分享学习心得和项目经验的乐园。📚 无论你是技术小白还是资深大牛,这里总有一些内容能触动你的好奇心。🔍 🤖 洛可可白 :个人主页 🔥 个人专栏 :✅前端技术 ✅后端技术 🏠 个人

    2024年04月11日
    浏览(61)
  • Windows服务器,通过Nginx部署VUE+Django前后端分离项目

    基本说明 安装 Nginx 部署 VUE 前端 部署 Django 后端 Django admin 静态文件(CSS,JS等)丢失的问题 总结 本文介绍了在 windows 服务器下,通过 Nginx 部署 VUE + Django 前后端分离项目。本项目前端运行在 80 端口,服务器端运行在 8000 端口。因此本项目使用 Django 的 runserver 命令进行部署

    2024年02月05日
    浏览(63)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包