vue使用axios post发送json数据跨域请求403的解决方案

import axios from 'axios'
import { Notification } from 'element-ui'
 
// 创建axios实例
const service = axios.create({
  baseURL: process.env.BASE_API,
  timeout: 50000 // 请求超时时间
})
 
// request拦截器
service.interceptors.request.use(
  config => {
    config.headers['Content-Type'] = 'text/plain' // 关键所在
    return config
  },
  error => {
    console.log(error) // for debug
    Promise.reject(error)
  }
)
 
// response 拦截器
service.interceptors.response.use(
  response => {
    const res = response.data
    if (res.resultCode !== '000') { // 后台返回码，根据自己的业务进行修改
      Notification.error({
        title: '错误',
        message: res.resultDesc, // 错误描述信息
        duration: 0
      })
      return Promise.reject('error')
    } else {
      return response.data
    }
  },
  error => {
    console.log('err' + error) // for debug
    Notification.error({
      title: '错误',
      message: error,
      duration: 0
    })
    return Promise.reject(error)
  }
)
 
export default service

import request from '@/utils/request'
 
export function sendRequest(params) {
  return request({
    url: '/services/test',
    method: 'post',
    data: JSON.stringify(params),
    // header: { // 已经在request.js里面进行全局设置，也可以在请求里面局部设置其他headers
    //    'Content-Type': 'text/plain'
    // }
  })
}

      
import { sendRequest } from '@/api/request'
 
let postData = {
        'serviceType': 'logQuery',
        'occurTime': new Date(),
        'key': scope.row.key,
        'type': scope.row.type
      }
 
sendRequest(postData)
    .then(response => {
      console.log(response)
    })