zoukankan      html  css  js  c++  java
  • axios post跨域请求报405,get正常

    首先 跨域配置如下:

    找到index.js中的dev属性。添加如下代码:

    proxyTable: {
          '/api': {
            target: 'http://localhost:8083',//设置你调用的接口域名和端口号 别忘了加http
            changeOrigin: true,
            pathRewrite: {
              '^/api': '/'//这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add',直接写‘/api/user/add’即可
            }
          }
        }     

    axios post 请求:

    import axios from 'axios';
    
    export const getListPage = params => { 
         return axios.post(`/api/picc/local/paudit/query/projectapquery`, 
    		params).then(res => res.data); };
    

    其中,默认Content-Type为application/json;charset=UTF-8

    之后请求,发现post请求报405错误,get请求正常,原因:

    笔者项目web.xml中配置拦截器对默认是否允许跨域请求属性为:true

    即:web.xml中配置与前端页面重复而导致了某种冲突。

    解决:

    注释掉  changeOrigin: true 属性,即:

    //changeOrigin: true

    最后,附上vue+element后台管理系统示例网址:

    https://www.cnblogs.com/taylorchen/p/6083099.html

  • 相关阅读:
    nginx upstream负载均衡配置
    什么是任务编排、服务发现、服务间依赖怎么处理?
    python celery 错误重试配置
    rust cargo 从入门到放弃
    python 日志模块再熟悉
    python signal笔记
    Fabric使用笔记
    webpack 笔记
    sphinx-python文档化
    Docker笔记
  • 原文地址:https://www.cnblogs.com/5588kjx/p/10384358.html
Copyright © 2011-2022 走看看