如果发生任何异常错误，使用 api 将使用 vuejs 在 Jira 上自动创建票证

Question

我通过邮递员拨打了 api，它在 jira 上创建了票证，但现在当我使用 index.js 并在 vuejs 中编写代码时，它显示了 cors 错误

当我生成演示错误时，我不明白流程，除了 cors 错误外，它什么也没显示

import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false;
import axios from 'axios';
Vue.config.errorHandler = function (err) {
  // Get the error details
  const errorMessage = err.message;
  const stackTrace = err.stack;
  console.log("error from vue event handler ===>", errorMessage, stackTrace);
  console.log(process.env)
  // Create the JIRA ticket
  const data = {
    fields: {
      project: {
        key: 'EE'
      },
      summary: errorMessage,
      description: stackTrace.toString(),
      issuetype: {
        id: '10004'
      }
    }
  };
  axios.post('https://errorgene.atlassian.net/rest/api/2/issue/', data, {
    auth: {
      username: 'syed.haider@voltro.com',
      password: 'iPUX7n9nk2VXyRBJOWysF202',
    },
    headers:{
      'X-Atlassian-Token':'no-check',
    }
  })
  .then(response => {
    console.log('JIRA ticket created successfully', response)
  })
  .catch(error => {
    console.error('Error creating JIRA ticket:', error)
  });
}
new Vue({
  render: h => h(App),
}).$mount('#app')

Answer 1

首先阅读： https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

Cors 只有在从浏览器发出请求时才有效，所以你在用 vue.js 做什么。 当使用 postman 发出请求时，它不是来自浏览器，因此没有 Corse 错误。

对于 atlassian api，有两种方法可以修复此问题。

1：使用oauth2进行身份验证这是atlassian支持的，不会给你cors错误。

2：创建一个小节点 api 向 atlassian api 发出请求，这将使它成为服务器到服务器，因此 cors 不是问题。 在制作小节点 api 之后，您可以从 vue 向这个小节点 api 发出请求，它将起作用。