如何修复来自Vue2和axios的CORS策略错误阻止
如何修复来自Vue2和axios的CORS策略错误阻止
提问于 2022-04-16 15:26:38
我有一个带有axios的Vue应用程序，我需要对api进行登录调用，但是我得到了以下错误：
来自“
”的“https://api.test.com/login/”的XMLHttpRequest访问“http://localhost:8080”已被CORS策略阻止:在飞行前响应中，访问控制允许允许标头不允许请求标头字段内容类型。
我尝试了我发现的所有东西，我认为我的vue.config.js没有正常工作。下面是我尝试过的最后一个版本：
module.exports = {
devServer: {
headers: {
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Credentials': 'true',
'Access-Control-Allow-Methods': 'GET,HEAD,OPTIONS,POST,PUT',
'Access-Control-Allow-Headers':
'Origin, X-Requested-With, Content-Type, Accept, Authorization',
},
proxy: 'https://api.test.com/',
},
}我把头放在那里是为了检查请求是否得到它们，但是它没有头文件，所以我想配置文件不起作用吗？我的公理如下所示：
import axios from 'axios'
axios.defaults.baseURL = 'https://api.test.com/'
export default axios最后我要说的是：
{
"name": "vue",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"@googlemaps/markerclusterer": "^2.0.1",
"@googlemaps/ogc": "^1.0.21",
"axios": "^0.26.0",
"bootstrap": "^5.1.3",
"bootstrap-vue": "^2.21.2",
"core-js": "^3.8.3",
"gsap": "^3.9.1",
"material-design-icons-iconfont": "^6.6.0",
"md5": "^2.3.0",
"proj4": "^2.8.0",
"vue": "^2.6.14",
"vue-axios-cors": "^1.0.1",
"vue-router": "^3.5.1",
"vue-screen": "^1.5.6",
"vue2-google-maps": "^0.10.7",
"vuex": "^3.6.2"
},
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"eslint": "^7.32.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-vue": "^8.0.3",
"prettier": "^2.4.1",
"vue-template-compiler": "^2.6.14"
}
}我的最终目标是跳过这个CORS错误，并能够对这个api提出请求，如果有人能提出建议的话，我会非常感激的！
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-04-17 16:14:35
我终于成功地修复了它，所以对于每个使用axios有这个问题的人来说，这里是解决方案。问题就在这个代码中：
axios.defaults.baseURL = 'https://api.test.com/'删除它会使vue.config.js代理正常工作。现在一切都如期而至。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71895164
复制相关文章
相似问题
腾讯云开发者
