Question

CORS策略问题已在localhost：8080中修复。我的Web应用程序已通过域dev-xxxx.firebaseapp.com在Firebase托管中托管。我已经完成了Web项目usinng vue js。

最初，我在本地主机具有cors策略问题。并通过此链接CORS issue with Vue.js进行了引用得到答案。

按照以下步骤清除localhost cors被阻止的问题：

// vue.config.js
module.exports = {
// options...
devServer: {
    proxy: 'https://fts.cardconnect:6443'
',
 }
}

在这里，我使用了称为cardconnect处理的付款api。而且我已经通过axios方法调用了api。

  const getAuthTokenForThePayment = async (data) => {

  console.log(credentials);

  try {

    const config = {
        headers: {
            'Content-Type': 'application/json',
            'Authorization': `Basic ${credentials}`,

        }
    };

    const URL = 'http://localhost:8080/cardconnect/rest/auth';

    return await axios.post(URL, data, config);

  } catch (error) {

    throw (error);

   }
 }

将付款网址更改为 const URL ='http://localhost:8080/cardconnect/rest/auth'; ，而不是 const URL ='https://fts.cardconnect:6443/rest/auth'; url cors阻止问题已修复。

现在，我将Web应用程序托管到firebase托管中，并将URL也从localhost更改为dev-xxx.firebaseapp.com。

例如，将付款网址更改为 const URL ='https://dev-xxxx.firebaseapp.com/cardconnect/rest/auth'; ，而不是 const URL ='https://localhost:8080/rest/auth';

更新网址后，我已使用命令 yarn build 将用于生产的构建版本提交给firebase托管。

现在，当我单击从网站签出时。它显示错误代码404：请求失败，状态码为404。以前，它显示了cors阻止策略问题

任何帮助，不胜感激。

Firebase托管域dev-xxxxx.firebaseapp.com被cors政策阻止了吗？

0 个答案: