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