axios post跨域请求报405，get正常

最新推荐文章于 2024-06-19 22:51:33 发布

weixin_30596165

最新推荐文章于 2024-06-19 22:51:33 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript web.xml ViewUI

原文链接：http://www.cnblogs.com/5588kjx/p/10384358.html

首先跨域配置如下：

找到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

转载于:https://www.cnblogs.com/5588kjx/p/10384358.html